Mermaid Editor

Mermaid 拖拽编辑器 — 一键拖出你的流程图，安全、无网络交互、纯单机、小内存。 Mermaid Drag & Drop Editor — Create flowcharts with drag and drop, securely, offline, locally, and with low memory usage. 一款轻量、原生、零外部依赖的 Mermaid 流程图编辑器，双击即可在浏览器本地打开使用。 A lightweight, native, zero-dependency Mermaid flowchart editor that opens locally in your browser with a double-click. 软件支持中文和英文两种界面语言。 The software supports both Chinese and English interface languages. 它能做什么 What can it do? 拖拽画图：从左侧形状面板拖入矩形、菱形、圆角矩形、平行四边形、椭圆等常用形状。 Drag-and-drop drawing: Drag common shapes such as rectangles, diamonds, rounded rectangles, parallelograms, and ellipses from the left panel. 节点之间可通过拖拽创建连线，松开即可完成连接。 Create connections by dragging between nodes, then release to finish linking them. 双击节点可直接编辑文字，按 Esc 退出编辑。 Double-click a node to edit its text, and press Esc to exit editing. 右侧面板实时生成 Mermaid flowchart 代码。 The right panel generates Mermaid flowchart code in real time. 支持一键复制代码，或导出为 `.mmd` 和 `.json` 文件。 Copy the code with one click, or export it as `.mmd` and `.json` files. 支持粘贴 Mermaid 代码并反向解析为可编辑画布，包括组内连线。 Paste Mermaid code to parse it back into an editable canvas, including connections within groups. 支持同时编辑多个图表，并可在顶栏新建、切换和关闭标签页。 Edit multiple diagrams at once, and create, switch, or close tabs from the top bar. 关闭存在未保存内容的标签页前会显示确认提示。 A confirmation prompt appears before closing a tab with unsaved changes. 所有标签页和编辑状态会自动保存到浏览器本地存储。 All tabs and editing states are automatically saved to local browser storage. 支持完整的撤销和重做，误操作可随时回退。 Full undo and redo support lets you recover from accidental changes at any time. 支持 Delete 删除选中内容、⌘D 原地复制、⌘C/⌘V 跨标签复制粘贴。 Use Delete to remove selected items, ⌘D to duplicate in place, and ⌘C/⌘V to copy and paste across tabs. 支持 ⌘Z/⌘Y 撤销重做，以及 F2 或双击编辑节点文字。 Use ⌘Z/⌘Y for undo and redo, and F2 or double-click to edit node text. 支持一键将当前画布导出为 PNG 图片。 Export the current canvas as a PNG image with one click. 隐私与安全 Privacy & Security 本扩展不收集、不上传、不共享任何用户数据。 This extension does not collect, upload, or share any user data. 所有图表仅保存在本机浏览器的本地存储中。 All diagrams are stored only in your local browser storage. 本扩展仅申请 `storage` 权限，用于本地数据持久化。 This extension requests only the `storage` permission for local data persistence. 本扩展不进行网络交互，不包含统计或追踪代码。 This extension makes no network requests and includes no analytics or tracking code. 本扩展遵循 Manifest V3 严格内容安全策略，禁止 `eval` 和内联脚本。 This extension follows a strict Manifest V3 Content Security Policy, with no `eval` or inline scripts. 适用场景 Use Cases 适合用于编写技术博客、README 和开发文档时绘制流程图。 Ideal for creating flowcharts for technical blogs, README files, and development documentation. 适合用于代码评审、技术分享时绘制架构图和调用链图。 Ideal for drawing architecture diagrams and call flows for code reviews and technical presentations. 适合用于产品和运营场景中梳理业务流程与用户旅程。 Ideal for mapping business processes and user journeys in product and operations workflows. 无需注册账号，适合注重隐私的纯本地离线使用场景。 No account is required, making it ideal for privacy-focused local and offline use.