Question

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

我想绘制一个流程图，例如图形，并添加指向图形中节点的页面链接。

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

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

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

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

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

1 个答案: