如何在Mermaid时序图的MD文件中实现换行?
Mermaid时序图代码层面换行实现方案
问题
现有Mermaid时序图代码如下:
sequenceDiagram Alice -> Bob: Loooooooooooooooooooooong Text
需要将代码中的长文本改为换行形式(优化代码本身排版),期望效果为以下两种之一:
形式1:
sequenceDiagram Alice -> Bob: | Loooooooooooooooooooooong Text
形式2:
sequenceDiagram Alice -> Bob: "Loooooooooooooooooooooong Text"
已知<br>仅能实现图表显示时的换行,无法改变代码本身的排版,求代码层面的换行方法。
实现方法
方法1:竖线引导换行
在文本内容开头添加竖线|,之后的内容可直接换行书写,Mermaid会识别代码中的换行结构:
sequenceDiagram Alice -> Bob: | Loooooooooooooooooooooong Text
方法2:双引号包裹换行
用双引号""将整个文本内容包裹,引号内部的内容支持直接换行,代码排版的换行会被正常解析:
sequenceDiagram Alice -> Bob: "Loooooooooooooooooooooong Text"
这两种方式既优化了代码的可读性,同时图表输出时也会按照代码中的换行来显示文本;而<br>仅作用于图表渲染时的换行,不会影响代码本身的排版。
内容的提问来源于stack exchange,提问作者Jerry
相关产品推荐
相关产品推荐

