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

Question

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

我想画一个类似图表的流程图，并在页面 link 中添加图表中的节点。

我通读了这两个mermaid and flowchat.js的文档，他们只提供了网络link方法。

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

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

Answer 1

根据文档 Interaction 这可以通过 click:

完成

It is possible to bind a click event to a node, the click can lead to either a javascript callback or to a link which will be opened in a new browser tab.

Examples of tooltip usage below:
<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"

要获得内页 link，您可以在 link 中使用 #。我把下面的例子放在一起：

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

(some text...)

## Test

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

Can I draw flow chart in MarkDown with in page link?

visual-studio-code

markdown

flowchart

mermaid