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

Question

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

我想绘制一个流程图，如图所示，并在页面链接中添加到图中的节点。

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

我正在寻找的是单击后进入页面的跳转，将读者带到文件中该节点的详细说明所在的位置。

是否有一种方法可以创建这种图形？非常感谢！

Answer 1

根据文档Interaction，可以使用click：

可以将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