问题标签 [mermaid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
305 浏览

gitlab - 为什么美人鱼图不出现在 GitLab 中?

我按照教程说创建了降价文本,但是没有渲染,但是显示了文本,有什么问题?

在此处输入图像描述

0 投票
1 回答
2290 浏览

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

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

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

我通读了mermaidflowchat.js的文档,它们只提供了 net link 方法。

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

有没有办法创建这种图表?非常感谢!

0 投票
1 回答
1256 浏览

visual-studio-code - 如何在美人鱼中输入多个空格?

我正在使用 VS-Code 编辑我的降价文件,并且需要制作流程图(图表)来显示工作流程。

问题是 VS-Code 无法正确显示长文本标题,最后几部分将被截断,如下所示:

在此处输入图像描述

所以我想在文本后简单地添加空格。但是,我通过互联网搜索,找不到输入多个空格的方法。

在此处输入图像描述

无论我尝试什么,实际标题只会显示 1 个空格。因此,如果有人可以帮助解决 VS-Code 的截断问题,或者教我如何输入多个空格。

我已经为此苦苦挣扎了一整天,请帮助!非常感谢!!

0 投票
0 回答
429 浏览

javascript - Mermaid.js 与 Node.js - 动态生成

我正在与 Mermaid.js 一起为我的爱好项目制作一个类图。

我面临一个非常基本的问题,我无法弄清楚我应该如何解决它。

基本上,我已经生成了结构,但是当我将它推送到视图时,它会用双引号呈现,并且 '\n' 也会显示。

节点.js

考阿路线

看法

查看结果

"classDiagram\nParent <|-- Joe\n"

浏览器忽略了\n。

如果有人有任何想法?

0 投票
0 回答
1289 浏览

uml - 在 doxygen 降价页面中使用 UML

我正在为我的个人项目使用 doxygen,并希望在我自己创建的页面(降价页面)上使用任何类型的 UML 语言。我并不是要在代码中使用它(它确实有效),而是在我自己创建的文档上使用它,请参阅下面的示例:

这是输出:

结果

虽然本文适用于 Typora (美人鱼),但 Plantuml 与 gitlab 上的美人鱼一起生成。

doxygen -x Doxyfile 输出:

问题是:

如何在 doxygen 的自定义 markdown 文件中使用 uml 图。

0 投票
1 回答
441 浏览

node.js - Angular中美人鱼集成的问题

我对 Mermaid 的集成有疑问,因为尽管检查了文档并且其他人在 stackoverflow 和其他论坛中要求这个库,但他们给出的示例也是启动这样一个项目。

组件 TS

HTML

我希望你能帮我解决这个问题,因为我真的不明白为什么它没有启动任何东西。

0 投票
1 回答
711 浏览

url - 有没有办法使用 Mermaid Markdown 流程图将 URL 放在同一个文档中?

我正在使用 Mermaid Markdown 为我的项目绘制流程图,然后将生成的页面导出为 PDF 以供外部人员查看。

在此链接上,我看到可以这样放置 URL:

这是一个外部 URL,但我想要指向同一页面中的锚点(标题/副标题)的东西。有没有办法做到这一点 ?

我想在纯 Markdown 中生成一个我想要的 URL 示例(但我想在美人鱼流程图中使用它们):

0 投票
2 回答
1509 浏览

r - Rmarkdown 文件中的 DiagrammeR/mermaid 流程图,输出格式为 PDF/LaTex

我想在使用 R markdown 生成的 PDF 中包含美人鱼图。

根据这篇文章,美人鱼创建了一个 HTML 小部件作为输出。不幸的是,那里为 xaringan 幻灯片提供的答案不适用于在 R markdown 中生成的 PDF。

下面是 Rmd-MWE。任何帮助是极大的赞赏!

0 投票
2 回答
1223 浏览

padding - 如何调整美人鱼节点内的填充?

当我创建美人鱼流程图时,文本和节点边框之间的水平填充很大,因此节点看起来不合理的宽。此外,文本下方还有这个奇怪的空行。总而言之,它看起来不是很平衡。这是什么原因以及如何调整填充(在美人鱼文档中不会发生这样的事情)。

在此处输入图像描述

0 投票
1 回答
486 浏览

markdown - 在美人鱼序列图中添加盒子/容器

我正在用美人鱼制作序列图,我发现这个loop功能非常酷,用这个代码块在循环周围绘制一个带标签的矩形:

像这样渲染: 在此处输入图像描述

我的问题是:我是否可以将此矩形容器元素用于循环以外的其他内容,仅用于对事物进行分组,并将其命名为我想要的任何名称,而不是“循环”(如果我更改关键字,它将不起作用loop)。好像只有 'loop'、'opt' 和 'alt' 授权关键字?