feat(demo): add Mermaid.js CDN for diagram rendering in demo page

- Load mermaid@10 from jsdelivr CDN (library remains zero-dependency)
- Auto-render on afterRender event + initial timeout
- mermaid.run() targets .me-mermaid .mermaid containers
This commit is contained in:
2026-07-24 18:00:54 +08:00
parent 15133c70e7
commit f7752ee02c
+10
View File
@@ -97,6 +97,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Micr
<a href="https://git.metona.cn/MetonaTeam/MetonaEditor" target="_blank" rel="noopener">源码仓库</a> · MIT <a href="https://git.metona.cn/MetonaTeam/MetonaEditor" target="_blank" rel="noopener">源码仓库</a> · MIT
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
<script src="../dist/metona-editor.js"></script> <script src="../dist/metona-editor.js"></script>
<script> <script>
(function(){ (function(){
@@ -262,6 +263,15 @@ editor.on('fileOpened',function(d){editor.toast('已打开: '+d.name,{type:'succ
editor.on('fileSaved',function(){editor.toast('文件已保存',{type:'success'})}); editor.on('fileSaved',function(){editor.toast('文件已保存',{type:'success'})});
editor.on('linkClick',function(d){editor.toast('链接点击: '+d.href,{type:'info',duration:1500})}); editor.on('linkClick',function(d){editor.toast('链接点击: '+d.href,{type:'info',duration:1500})});
// Mermaid 图表渲染(v0.1.14
function renderMermaid(){
if(typeof mermaid==='undefined')return;
try{mermaid.run({querySelector:'.me-mermaid .mermaid'})}catch(e){}
}
mermaid.initialize({startOnLoad:false,theme:'default'});
editor.on('afterRender',renderMermaid);
setTimeout(renderMermaid,300);
})(); })();
</script> </script>
</body> </body>