Mermaid in Share Point

%3CLINGO-SUB%20id%3D%22lingo-sub-2227501%22%20slang%3D%22en-US%22%3EMermaid%20in%20Share%20Point%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2227501%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%20got%20a%20problem%20with%20Mermaid%20code%20in%20sharepoint%202016.%20In%20script%20editor%20i%20put%20this%20code%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%26lt%3Bmeta%20charset%3D%22%22utf-8%22%22%20%2F%26gt%3B%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CDIV%20class%3D%22%26quot%3Bmermaid%26quot%3B%22%3E%3CBR%20%2F%3Egraph%20LR%3CBR%20%2F%3EA%20---%20B%3CBR%20%2F%3EB--%26gt%3BC%5Bfa%3Afa-ban%20forbidden%5D%3CBR%20%2F%3EB--%26gt%3BD(fa%3Afa-spinner)%3B%3CBR%20%2F%3E%3C%2FDIV%3E%3CBR%20%2F%3E%3CSCRIPT%20src%3D%22%26quot%3Bmermaid.min.js%26quot%3B%22%3E%3C%2FSCRIPT%3E%3CBR%20%2F%3E%3CSCRIPT%3Emermaid.initialize(%7BstartOnLoad%3Atrue%7D)%3B%3C%2FSCRIPT%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CP%3E%3C%2FP%3E%3CP%3Eand%20in%20edit%20mode%20SharePoint%20shows%20all%20properly%2C%20but%20when%20iam%20exiting%20edit%20mode%20Sharepoint%20only%20shows%26nbsp%3B%3C%2FP%3E%3CTABLE%3E%3CTBODY%3E%3CTR%3E%3CTD%3E%3CDIV%20class%3D%22ms-rte-layoutszone-outer%22%3E%3CDIV%20class%3D%22ms-rte-layoutszone-inner%22%3E%3CDIV%20class%3D%22mermaid%22%3E%3CDIV%3E%3CDIV%3E%3CDIV%20class%3D%22ms-rtestate-read%20ms-rte-wpbox%22%3E%3CDIV%20class%3D%22ms-rtestate-notify%20%20ms-rtestate-read%20e2738138-fdf4-4098-803e-a556786ccaa7%22%3E%3CDIV%20class%3D%22s4-wpcell-plain%20ms-webpartzone-cell%20ms-webpart-cell-vertical%20ms-fullWidth%20%22%3E%3CDIV%20class%3D%22ms-webpart-chrome%20ms-webpart-chrome-vertical%20ms-webpart-chrome-fullWidth%20%22%3E%3CDIV%20class%3D%22ms-WPBody%20noindex%20%22%3E%3CDIV%3E%3CDIV%20class%3D%22ms-rte-embedcode%20ms-rte-embedwp%22%3E%3CDIV%20class%3D%22mermaid%22%3Egraph%20LR%20A%20---%20B%20B--%26gt%3BC%5Bfa%3Afa-ban%20forbidden%5D%20B--%26gt%3BD(fa%3Afa-spinner)%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FTD%3E%3C%2FTR%3E%3C%2FTBODY%3E%3C%2FTABLE%3E%3CP%3Enot%20the%20picture.%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Hello, got a problem with Mermaid code in sharepoint 2016. In script editor i put this code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<div class="mermaid">
graph LR
A --- B
B-->C[fa:fa-ban forbidden]
B-->D(fa:fa-spinner);
</div>
<script src="mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
</body>
</html>

and in edit mode SharePoint shows all properly, but when iam exiting edit mode Sharepoint only shows 

graph LR A --- B B-->C[fa:fa-ban forbidden] B-->D(fa:fa-spinner);

not the picture.

0 Replies