visual-studio-code - 我可以在 MarkDown 中使用页面链接绘制流程图吗？

Question

我在 Windows 10 上，使用 VS-Code 编辑 MarkDown 文件。

我想绘制一个类似图表的流程图，并在图表中添加指向节点的页面链接。

我通读了mermaid和flowchat.js的文档，它们只提供了 net link 方法。

我要找的是点击后的页内跳转，引导读者到文件中节点详细说明所在的地方。

有没有办法创建这种图表？非常感谢！

Answer 1

根据文档交互，这可以通过以下方式完成click：

可以将单击事件绑定到节点，单击可以导致 javascript 回调或将在新浏览器选项卡中打开的链接。

下面的工具提示用法示例：

<script>
    var callback = function(){
        alert('A callback was triggered');
    }
<script>
graph LR;
    A-->B;
    click A callback "Tooltip for a callback"
    click B "http://www.github.com" "This is a tooltip for a link"

要获得页面内链接，您可以使用#链接中的。我整理了以下示例：

```mermaid
graph LR;
    A-->B;
    click B ".#test" "Tooltip..."
```

(some text...)

## Test