javascript - 如何在美人鱼节点描述中添加链接？

Question

我想，在下面的图表中，

<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元素。

是否可以在美人鱼节点描述中添加链接？

编辑:我开了一个 bug report在 mermaid.js 存储库上。截至 2017 年 6 月尚未修复。

Answer 1

我知道已经晚了，但是:我正在寻找类似的东西并找到了这个。您的问题是 "的href打破美人鱼语法的定义。
我可以通过使用来实现您想要做的事情

B[an <b>important</b> <a href='http://google.com'>link</a>]

所以替换双引号 "的 href用单个定义 '见 the example here .

一年后更新
在较新版本的美人鱼中，不再直接支持 (ಠ_ಠ)
在 Special note regarding version 8.2 下了解更多信息
现在您还需要通过以下方式允许不安全的内容

mermaidAPI.initialize({
    securityLevel: 'loose'
});