Mermaid 拖拽编辑器

拖拽式 Mermaid 流程图编辑器：拖形状建节点、连线、双击改字，一键导入/导出 Mermaid 代码，多标签页并持久化到浏览器存储（chrome.storage.local）。

Mermaid 拖拽编辑器 — 一键拖出你的流程图，安全，无网络交互，纯单机，小内存 一款轻量、原生、零外部依赖的 Mermaid 流程图编辑器,把所有「画流程图」要做的事, 搬到浏览器本地即可双击打开。 它能做什么 拖拽画图:从左侧形状面板拖入矩形、菱形、圆角矩形、平行四边形、椭圆等常用形状; 节点之间拖出连线,松开即连;双击节点直接改文字,按 Esc 退出编辑。 即时 Mermaid 代码:右侧面板实时同步生成 Mermaid 代码(flowchart 语法), 可一键复制、导出 .mmd/.json 文件,或直接把代码贴进 README / 博客 / Notion。 导入 Mermaid:支持粘贴 Mermaid 代码反向解析为可编辑画布,带组内连线一起还原。 多标签页:支持同时编辑多个图,顶栏一键新建/切换/关闭,关闭前提示未保存改动。 本地持久化:所有标签页与状态自动保存到浏览器(chrome.storage.local), 关闭浏览器、重开标签、卸载重装都不丢。 撤销/重做:完整 Undo / Redo,误操作可一键回退,断电也不怕。 快捷键:Delete 删除选中、⌘D 原地复制、⌘C/⌘V 跨标签粘贴、 ⌘Z/⌘Y 撤销重做、F2 或双击进入文字编辑,新手也能秒上手。 导出 PNG:内置一键导出当前画布为 PNG,直接配博客/文档。 隐私 & 安全 零数据外发:本扩展不收集、不上传任何用户数据;所有图都只存在本机 chrome.storage.local。 单一权限 storage:仅申请 storage 权限用于本地持久化,无网络、无远端、无统计。 CSP 严格:遵循 MV3 扩展内容安全策略,禁止 eval、禁止内联脚本。 适用场景 写技术博客 / 文档时,手画流程图比 mermaid.live 更顺手。 给代码评审、技术分享画架构图、调用链图。 产品/运营画业务流程图、用户旅程图。 团队内不做任何账号注册,纯本地。