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

Question

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

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

我阅读了mermaid 和flowchat.js 的文档，它们只提供了网络链接方法。

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

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

Answer 1

根据文档Interaction 这可以通过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