美人鱼中的空间 [英] Spaces in Mermaid

问题描述

我保存了一个.md文件，并且正在使用Atom和Mermaid Preview软件包对其进行查看.我将在其GitHub页面上关闭该示例:

I have a .md file saved and I am viewing it using Atom and the Mermaid Preview package. I am going off the example on their GitHub page:

 graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;

这很好，但是如何在文本之间添加空格?例如:

That renders fine, but how do I add spaces the text? For example:

graph TD;
  A F-->B;
  A-->C;
  B-->D;
  C-->D;

当我放入空格时，预览器为空白.我尝试添加引号，但这无济于事.

The previewer goes blank when I put spaces in. I tried adding quotations, but that did not help.

推荐答案

尝试一下(尚未在Atom中尝试过，但在带有Mermaid插件的VisualStudio Code中效果很好):

Try this (haven't tried it in Atom but it worked fine in VisualStudio Code with Mermaid Plugin):

graph TD;
  id1[A F]-->B;
  A-->C;
  B-->D;
  C-->D;

您可以使用所需的任何ID代替id1.

Instead of id1 you can use whatever id you want.

根据您使用的括号类型，您可以更改渲染的Node的外观.

Depending on the type of braces you use, you can change the look of the rendered Node.

• 带有圆形边缘的盒子-id1(A F)
• 圆圈-id1((A F))
• 不对称形状-id1>A F]
• 菱形-id1{A F}

• Box with round edges - id1(A F)
• Circle - id1((A F))
• Asymetric Shape - id1>A F]
• Rhombus - id1{A F}

这可以在美人鱼文档站点中找到

这篇关于美人鱼中的空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！