我想,如下图所示,
<link href="https://cdnjs.cloudflare.com/ajax/libs/mermaid/7.0.0/mermaid.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/7.0.0/mermaid.js"></script>
<div class="mermaid">
graph TD;
A[hello]
B[an <b>important</b> link]
A-->B
</div>
在下面添加实际链接link
指向http://google.com
.
我尝试将相关节点修改为
B[an <b>important</b> <a href="http://google.com">link</a>]
但这会破坏(崩溃)图表。具体来说,我注意到不被接受的是href
元素。
是否可以在美人鱼节点描述中添加链接?
编辑:我打开了一个错误报告 https://github.com/knsv/mermaid/issues/467在 mermaid.js 存储库上。截至 2017 年 6 月尚未修复。
我知道已经晚了但是:我正在寻找类似的东西并发现了这个。你的问题是"
of the href
定义打破了美人鱼语法。
我可以通过使用来实现你想做的事情
B[an <b>important</b> <a href='http://google.com'>link</a>]
所以替换双引号"
of the href
单一的定义'
See 这里的例子 https://mermaidjs.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVERcbiAgICBBW1RoaXMgaXMgYW4gPGI-aW1wb3J0YW50PC9iPiA8YSBocmVmPSdodHRwczovL2dvb2dsZS5jb20nPmxpbms8L2E-XVxuIiwibWVybWFpZCI6eyJ0aGVtZSI6ImRlZmF1bHQifX0.
一年后更新
在新版本的 mermaid 中,不再直接支持开箱即用(ಠ_ಠ)
更多相关信息请参见版本 8.2.0 变更日志 https://mermaid-js.github.io/mermaid/#/CHANGELOG?id=_820-2019-07-17
现在您还需要通过以下方式额外允许不安全的内容
mermaidAPI.initialize({
securityLevel: 'loose'
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)