如何在美人鱼中输入多个空格?

Sho*_*ore 6 markdown mermaid visual-studio-code

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

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

```mermaid
graph LR

azzzzzzzz-->b
```
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

所以我想简单地在文本后添加空格。然而我在网上查了一下,并没有找到多空格输入的方法。

```mermaid
graph LR

a[zzz   z   zzzz   ]-->b
```
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

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

我已经纠结了一整天了,请帮忙!多谢!

BiN*_*ZGi 7

根据文档实体代码来转义字符,您必须使用以下内容:

可以使用此处示例的语法对字符进行转义。

graph LR
    A["A double quote:#quot;"] -->B["A dec char:#9829;"]
Run Code Online (Sandbox Code Playgroud)

在您的示例中,它可能如下:

```mermaid
graph LR

a["zzz #nbsp; z #nbsp; zzzz #nbsp; "]-->b
```
Run Code Online (Sandbox Code Playgroud)