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

我想，对于下面的图表，

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

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

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

最佳答案

我知道已经晚了但是:我正在寻找类似的东西并找到了这个。您的问题是 " 定义的 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'
});