在预览里直接改字与调布局

双击改字

在预览里双击一个节点（手机上双击点按），节点上会出现输入框，改完回车即生效，Esc 取消。改动会直接回写到左边的代码：流程图改的是 A[文字] 这类定义里的文字，从没写过标签的节点（比如 A --> B 里的 B）会在它第一次出现的地方补上 B[新文字]；思维导图按那一行的文字定位。代码仍然是唯一的真相，导出、分享链接、云端保存看到的都是改过的代码。

目前支持流程图（flowchart / graph）和思维导图（mindmap）。其它图类型双击不会出现输入框，请直接在代码里改。如果预览里的文字和代码里的定义对不上（例如标签里用了 Markdown 或多处定义同一个节点），会提示「没找到这个节点的定义」，同样在代码里改就好。

方向与间距

桌面端预览上方有「布局」按钮，手机上在「主题」面板底部：

• 方向：上→下、左→右、下→上、右→左，改的是首行 flowchart TD 里的方向。
• 节点间距 / 层间距：两条滑杆，写进代码最上面一行 %%{init: {"flowchart": {"nodeSpacing": …, "rankSpacing": …}}}%%；「恢复默认」会把这一行去掉。

这两项只对流程图有效，其它图类型会显示说明。因为改的是 Mermaid 原生语法，把代码贴到任何支持 Mermaid 的地方都会得到同样的布局。

为什么不能拖着节点摆位置

Mermaid 的语法里没有坐标，节点位置由排版算法算出来。如果允许拖拽，位置只能存在代码之外，分享链接、云端版本、贴到别处的代码都装不下它，连线也只能重画成折线。所以我们只提供方向与间距这两个「排版算法本来就认」的旋钮，想更细地控制排布，可以用 subgraph 分组或调整连线顺序。