You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 23:34:53