流程图编辑器

把过程拆成容易理解的步骤

可以从示例开始，也可以添加节点逐步搭建。节点文字适合使用简短的动作描述，例如“检查申请”“发送回复”。圆角表示开始或结束，矩形表示处理步骤，菱形表示判断，平行四边形表示输入或输出。添加节点时可以选形状，选中已有节点后也能修改。属性面板支持文字、形状和坐标编辑；输入完成后点击“应用更改”。拖拽便于大致排布，数值坐标适合把多个步骤对齐。删除节点时，与它相连的线也会一并移除，避免留下没有端点的关系。

建立分支，并从 Mermaid 恢复草稿

在连线表单里选择起点和终点，再填写必要的连线文字。判断步骤可使用“是”“否”等明确标记，让读者无需猜测路径。选中画布上的连线或下方列表项后，可以改端点、文字或删除。文本导入支持以 flowchart TB、LR、BT、RL 开头的简单 Mermaid，支持四种节点形状、箭头链和带标签的箭头。子图、样式语句、点击动作与配置指令不在支持范围内，遇到时会报错，避免默默丢失内容。完整文本验证通过后才替换画布；错误输入不会破坏当前图表。需要回退有效编辑时，可用撤销。

同时保留图片与可编辑副本

编辑器完全在当前浏览器内运行，不需要账号，也不会把图表内容传给转换服务器。修改会自动保存在此工具对应的 localStorage 中，方便下次继续，但本地保存并不等于备份：无痕模式、清除网站数据或更换设备后，原稿可能无法恢复。建议在完成一个阶段后下载 Mermaid 文件，其中既有结构，也有记录节点坐标的注释。SVG 适合排版和放大打印，PNG 适合演示文稿和消息分享；两者只包含图表，不包含编辑按钮。分享前请打开下载结果检查文字和关系。若 PNG 尺寸超出限制，界面会明确报错，可把节点移近或改用 SVG。 “打包 ZIP”会把同一版本的 PNG、SVG、Mermaid 和 JSON 模型放入一个压缩包。重新导入本编辑器时，请使用 Mermaid 文件内容。

常见问题

相关工具

• ER 图编辑器

  编辑实体、字段、主外键及关系，导出图像与 Mermaid 文本。

• 时序图编辑器

  编辑参与者与消息顺序，生成可下载时序图。

• 思维导图编辑器

  用树形分支整理想法，下载 PNG、SVG 或 Mermaid。