问题标签 [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 回答
844 浏览

markdown - 美人鱼甘特图将周末排除在 Axis 之外

如何在视觉输出中排除周末?(见下方圆圈区域)。

我想在计数和视觉上排除周末。有没有办法做到这一点?

这是我的代码,

带标记间隙的代码输出

0 投票
1 回答
37 浏览

r-markdown - 如何在 r-markdown 呈现的 html_document 中回显原始代码

我的问题很简单,尽管我在任何地方都找不到令人满意的答案。

我正在尝试编写一个 r 代码块,当呈现为 html_document 时,在呈现的文档的 html 源代码中提供以下内容:

我将在 {r, echo = FALSE, results = 'asis'} r 块中结束此操作:

但是我无法摆脱pandoc 转换<p></p>过程中出现的 html 格式:md -> html

我正在尝试这样做,以便让<div class="mermaid"> </div>html_document 中包含的美人鱼库通过includes:in_header.

0 投票
1 回答
337 浏览

command-line-interface - 在 Windows 上的 Sphinx 中使用 mermaid.cli 的问题

我有一个简单的 Sphinx 项目,我希望能够将我的美人鱼图表呈现为png. 为此,我已经通过 yarn 安装了 mermaid.cli,但我没有设法让它工作。

我的尝试

我尝试了各种组合:

  • 我尝试通过 npm 和 yarn 进行全局安装,但没有成功
  • 我试图在我的 Sphinx 项目的根文件夹中本地安装,并.bin在我的 conf.py 中将该文件夹作为绝对路径引用 - 但没有运气
  • 我可以正常使用命令提示符中的 mmdc

我的 conf.py

我的 conf.py 位于C:\Users\marti\Documents\sphinx-test\docs并包含以下内容(除其他外):

追溯

当我使用上面的 conf.py 时,我得到了以下回溯。如果我\\mmdc从路径中删除,则会收到 Permission Denied 错误。

0 投票
1 回答
270 浏览

javascript - 如何将美人鱼图添加到 Rocket.chat 实例?

mermaid 语法在 markdown 文本中的集成有一些引人注目的地方,因为它非常“markdownish”。我想我想在rocket.chat 窗口中输入我自己的美人鱼图,并实时查看它的解释。

我已经有机会进行美人鱼集成,我希望这不会太难。

mermaid 基本上是一个适用于 HTML 片段的 JavaScript 库,例如:

所以它基本上只需要生成那段代码+在被可视化的窗格中包含美人鱼 javascript 库,以获得正确显示的图表,如下所示:

在此处输入图像描述

我在这里要问的问题是,可以从哪里开始配置rocket.chat 实例(和/或利用其API),以便可以说服它解释消息中的用户类型序列,例如:

作为正确的图表?

0 投票
1 回答
80 浏览

bbedit - BBEdit 中的美人鱼和 MMD?

我是脚本方面的菜鸟(多年来......)和 BBEdit 粉丝用户。我通常会在 StackO 或 GitH 上找到解决问题的方法,但这次我没有,我最终决定创建一个帐户。Stackoverflow 上的第一篇文章!好紧张!

BBEdit 非常适合我的工作。但是我尝试做两件事,我绝对需要知道这是否可能,或者我是否为 Atom 改变(希望做得好)......这将非常痛苦。如果没有绝对的把握,我无法阻止这样的爱情故事……我就是写不出来。

所以首先我使用了很多 MD 和 Ryan Dotson 的 Preview CSS。

我对这个很满意,但它不处理桌子或 MMD 的东西。有没有 CCS 可以预览 MMD 的地方?或者有办法让 Ryan Dotson CSS 的一部分代码来做到这一点?我想,如果我没有答案,我会直接问他......

其次,有没有办法直接在BBEdit中通过插件,或者CSS,或者魔术,来使用美人鱼,,

非常感谢。楚斯GG

0 投票
2 回答
494 浏览

mkdocs - 排除美人鱼代码块以使用 Codehilite (MkDocs) 突出显示

我正在尝试通过 mkdocs(带有材料)从 markdown 文件生成文档以在 gitlab 上发布。我的文件包括代码块和美人鱼图表,它们声明相同(在语言中有所不同)。我想使用 CodeHilite 美化代码块,但美人鱼块也将被它作为代码块处理,而不是被 mermaid-mkdocs 插件忽略。有没有办法,我可以从 codeHilite 或任何其他更改中排除某些块以同时使用两者?

0 投票
1 回答
896 浏览

gitlab - How to get graphs to render in Mermaid + Jekyll / GitLab Pages?

I have a GitLab Pages project and trying to render graphs using Mermaid.

In the head.html I included this line ...

And then placed the mermaid.js file in the myproj/assets/js/mermaid directory.

And in my *.md file I have:

Yet, I get no renderings.

I'm trying to use the method in the link below which seems to support only using JS, and therefore should work with GitLab pages, but I haven't found the file called mermaid.full.min.js in the repos, so ... maybe it's not supported, or has since changed up?

http://kkpattern.github.io/2015/05/15/Embed-Chart-in-Jekyll.html

0 投票
1 回答
103 浏览

javascript - 在 Cognos Analytics 11 报告中使用 MermaidJS

我正在尝试使用 MermaidJS 在我的 Cognos 11 报告中构建动态甘特图,但它一直返回错误:“未捕获的 ReferenceError:mermaidAPI 未定义”似乎浏览器找不到我对 Mermaid 库的引用,但是除了通过javascript将它添加到标题之外,我不知道如何引用它。

我在引用浏览器不喜欢的美人鱼库时做错了什么?我的JS模块如下:

0 投票
1 回答
883 浏览

gitlab - 更改 gitlab markdown 美人鱼图大小

有没有办法在 Gitlab markdown 中设置用美人鱼创建的图表(即流程图)的大小?默认值太大了!

我的降价:

结果:

在此处输入图像描述

0 投票
1 回答
763 浏览

visual-studio-code - 编辑markdown和预览窗格时VSCode跳动打开

这个问题来来去去,但随着时间的推移,它变得越来越难以忍受。

环境:

我在运行 OSX 10.15.4 的 Mac 上使用最新版本的 VSCode (1.45.1)。带有最少的扩展集(我已经禁用了所有我能做的),即:

  • Markdown 多合一 2.8.0
  • Markdown 预览美人鱼
  • Markdownlint 0.35.1

问题:

当我编辑带有预览的 Markdown 文档时,文本窗口会随着光标位置向上移动到窗口顶部消失的位置而跳跃。

我不确定究竟是什么触发了这种行为,但我怀疑它与使用任何类型的图形渲染有关,无论是 MathJax、美人鱼还是简单的图形。

几年前,在线搜索显示了类似的行为报告,并且据称已得到纠正。但最近没有什么让我感到惊讶,因为它令人发狂。

问题

有人见过这种行为吗?

知道是什么触发了它吗?

更新:

  1. 经过一个多星期试图解决这个问题,在发布这个问题几个小时后(我没有想到任何改变,它似乎已经修复了)。我只是在等待问题回来。这真让人生气。
  2. 当然,仅仅几个小时后,同样的问题又出现了。这似乎是降价文件的某些特定属性,因为具有不同屏幕和窗口大小的两台不同计算机启动和停止对相同文件的行为完全相同。
  3. 在 @user8682688 的建议下,他在 VSCode 中找到了滚动同步的设置,我关闭了从预览窗口回到编辑器的同步(“markdown.preview.scrollEditorWithPreview”:false),这至少消除了从编辑器窗口使其再次可用,但预览窗口仍在到处跳跃,这是实际的错误。当然,我可以使用 markdown.preview.scrollPreviewWithEditor 完全禁用更新,但这只是删除有用功能的解决方法。