双击改字
在预览里双击一个节点（手机上双击点按），节点上会出现输入框，改完回车即生效，Esc 取消。改动会直接回写到左边的代码：流程图改的是 A[文字] 这类定义里的文字，从没写过标签的节点（比如 A --> B 里的 B）会在它第一次出现的地方补上 B[新文字]；思维导图按节点在代码里的先后位置定位（同名节点也不会改错）。代码仍然是唯一的真相，导出、分享链接、云端保存看到的都是改过的代码。
目前支持流程图（flowchart / graph）和思维导图（mindmap）。其它图类型双击不会出现输入框，请直接在代码里改。如果预览里的文字和代码里的定义对不上（例如标签里用了 Markdown 或多处定义同一个节点），会提示「没找到这个节点的定义」，同样在代码里改就好。
单击节点：加一步、加分支、改形状、改颜色、删除
流程图里单击一个节点（手机上点一下），旁边弹出操作菜单：
- 改文字：和双击一样。
- 改形状：矩形、圆角、体育场形、菱形、圆柱、圆、平行四边形，换的是代码里那对括号（
A[文字]变A{文字}），带引号的文字保持引号。 - 颜色：描边（黑、红、绿、蓝、橙）和背景（透明、浅红、浅绿、浅蓝、浅黄）各一排色块，是 Excalidraw 的那套快捷色。写成代码里的一行
style A fill:#a5d8ff,stroke:#e03131，选了浅色背景会一并写上深色字（color:#1e1e1e），暗色主题里也读得清；菜单不收，可以接着改另一项。「恢复默认颜色」只删这几项，你自己写的线宽等别的样式保留。手绘主题下，上了色的节点同样画成手绘的样子。 - 在后面加一步：新节点插在这个节点和它所有出边之间。
A --> B与A --> C在 A 后面加一步，代码变成A --> N[新步骤] --> B和N --> C。新节点的 id 自动取没用过的字母（代码里的 id 是step1这类编号就接着编），并立刻进入改字。 - 加分支：在这个节点最后一条出边之后加一行
A --> N[新步骤]；菱形判断节点默认带「否」，写法跟代码里已有的连线文字一致（-- 否 -->或-->|否|）。 - 删除：去掉这个节点，把它的入边和出边接起来（
A --> B --> C删 B 变A --> C，连线文字优先保留入边的）；只有一侧有边就直接断开。style/click里对它的引用一并删掉，class列表里去掉它。改错了点预览右下角缩放条左边的撤销按钮。
单击一条连线或它的文字：改连线文字（清空就去掉文字，写法跟代码里已有的一致）、删除连线（链式写法 A --> B --> C 删掉 B→C 会拆成两行）。
这些都是确定的代码改写，在你的浏览器里完成，不经过 AI。链式、A & B 并列、subgraph、带文字的连线、%% 注释、带引号的文字都认；碰到解析不了的写法（比如给连线起了 id 的 e1@-->）会提示「没找到定义，请在代码里改」。
思维导图：加子节点、加同级、改形状、改颜色、删除
思维导图里单击一个节点，菜单里有：
- 改文字：和双击一样。文字里带括号时会自动换成方形框并加引号（
n1["接口 (v2)"]），因为思维导图的默认写法放不下括号。 - 改形状：默认、方形、圆角、圆形、爆炸、云朵、六边形，换的是那一行的括号（
增长变n1)增长(，原来没有 id 的会补一个）。 - 颜色：同一套快捷色。思维导图的语法没有
style行，写成节点下面一行:::dgz-fill-yellow dgz-stroke-blue（节点上的类名），你原来写的类名保留。这两个类名是本站认得的，把代码贴到别处图照常能出，只是不带颜色。 - 加子节点：新节点接在它所有子节点的最后，缩进深一级，立刻进入改字。
- 加同级：新节点接在它这一整枝的后面、缩进相同。根节点没有同级。
- 删除：连同它下面的整枝一起删掉，可以撤销。根节点不能删。
状态图、类图、ER 图：单击节点改颜色
单击节点直接弹出色板。状态图、类图里 id 是英文字母数字的节点、以及 ER 图的所有节点，写成和流程图一样的 style 行；状态图、类图里用中文命名的节点，Mermaid 的 style 语法不认，颜色记在代码最后一行的注释里（%% diagramate {…}），预览和导出照样有颜色，贴到别处不带颜色、图本身不受影响。
方向与间距
桌面端预览上方有「布局」按钮，手机上在「主题」面板底部：
- 方向：上→下、左→右、下→上、右→左，改的是首行
flowchart TD里的方向。 - 节点间距 / 层间距：两条滑杆，写进代码最上面一行
%%{init: {"flowchart": {"nodeSpacing": …, "rankSpacing": …}}}%%；「恢复默认」会把这一行去掉。
这两项只对流程图有效，其它图类型会显示说明。因为改的是 Mermaid 原生语法，把代码贴到任何支持 Mermaid 的地方都会得到同样的布局。
拖动节点换位置
流程图、状态图、类图、ER 图里按住一个节点拖到新位置就行（手机上先长按，感到轻微震动后再拖）。拖动时连到它的线跟着走，松手后重新出图：线还是原来那种弧线（沿用 Mermaid 算出来的走向，不是折线），线上的文字跟到线的中间，子图框会撑大把挪出去的节点框住，画布不够也会自动扩。
- 位置存在哪：Mermaid 的语法里没有坐标，所以位置记在代码最后一行的注释里（
%% diagramate {…}），代码框里显示成一个「手动调整」小标签。它跟着代码走：分享链接、云端版本、Word / PPT 附录里的代码都带着，打开就是拖过的样子；Mermaid 会忽略这一行，贴到别的工具里图照常能出，只是回到自动排版。 - 撤销与恢复：拖错了点预览右下角的撤销；单击拖过的节点，菜单里有「恢复自动位置」；「布局」里的「恢复自动位置」一次清掉全部；小标签上的「清除」会连调整行里的颜色一起清掉。
- 改方向会清掉手动位置：位置是相对自动排版记的，换了方向整张图重排，原来的偏移就没有意义了。
- 思维导图、时序图、甘特图等不能拖：它们的排版方式不适合手动摆放。
在图上随手画、加形状和文字（标注）
点预览左上角的「标注」，上方出现一排工具（和 Excalidraw 的工具栏同一个思路）：
- 画笔：按住拖动画一笔，线条粗细随笔速变化，和 Excalidraw 用的是同一套笔迹算法。适合圈重点、打勾、划线。
- 矩形、椭圆、菱形、箭头、直线：按住拖出大小和方向。手绘主题下它们同样画成手绘的样子。
- 文字：点一下出现输入框，回车确定，Shift+回车换行；手机上回车就是换行，写完点输入框下面的「确定」。用文字工具点已有的文字（或用选择工具双击它）可以就地改，清空就删掉。
- 橡皮：点一下，或按住划过去，划到的先变淡，松手一起删掉。
- 选择：点一个标注选中它，按住拖到别处；在空白处拖出一个框，完整框住的都选中（桌面上按住 Shift 再点是加选 / 取消）。选中后四个角上有手柄，拖手柄放大缩小（文字会跟着变字号；按住 Shift 保持比例）；工具条上的垃圾桶删掉选中的。选择工具下平移画布：手机上两指拖，桌面上按住空格拖或按住鼠标中键拖。
- 颜色：第一格「跟随主题」用图里连线的颜色（亮底近黑、暗底近白，换主题跟着变），后面是黑、红、绿、蓝、橙五个快捷色。
- 线宽、线型、底色、字号：工具条第二行。画笔、形状、线有细 / 标准 / 粗三档线宽；形状和线还能选实线 / 虚线 / 点线；矩形、椭圆、菱形可以加浅红、浅绿、浅蓝、浅黄的底色——底色垫在图的下面，框住几个节点当分组背景也不会盖住节点和文字（深色主题里底色是半透明的）；文字有小 / 中 / 大 / 特大四档。选中了标注再点这些（包括颜色），就改选中的。
桌面上可以用快捷键：V 选择、P 画笔、R 矩形、O 椭圆、D 菱形、A 箭头、L 直线、T 文字、E 橡皮，Ctrl（Mac 上 ⌘）+Z 撤销、Ctrl+Shift+Z（⇧⌘Z）重做，Delete 删掉选中的，Ctrl（⌘）+A 全选，Esc 先取消选中、再按一次退出。标注模式里单击节点不弹菜单、双击不改字；点「完成」回到平时的操作，这时标注不挡节点，照样能点选、拖动。
- 跟着节点走：流程图、状态图、类图、ER 图里，画在节点旁边（节点边框外 40 以内）的标注挂在那个节点上，拖动节点、或改了代码重新排版，标注跟着走；离所有节点都远的，记成图上的固定位置。节点被删掉了，挂在它上面的标注留在原处。其它图类型（时序图、甘特图、思维导图等）也能标注，标注都记在固定位置。
- 存在哪：和手动位置一样记在代码最后一行的注释里（
%% diagramate {…}），小标签上显示「N 处标注」。分享链接、云端版本都带着，导出的 PNG / SVG / Word / PPT 里也有；贴到别的工具里图照常能出，只是没有标注。小标签上的「清除」会把标注、手动位置和颜色一起清掉。 - AI 修复、AI 改图、AI 美化都只改图的代码，标注原样留着。
- 一张图最多 300 处标注，一笔画得太长太多时会提示先删掉一些。