文本与文档

Mermaid编辑器

Mermaid 编辑器在线工具,支持本地编写 Mermaid 图源码、预览流程图/时序图/类图,并导出 PNG 或 SVG。

工具介绍

Mermaid 编辑器把源码编写、模板切换和图形预览放在同一页面里,适合快速试画流程图、时序图、类图和状态图。

当前版本直接在浏览器里使用 Mermaid 本地渲染,不依赖第三方图形服务,适合对隐私和响应速度有要求的文档编写场景。

适用场景

  • 给技术方案、接口说明和知识库补一张轻量流程图,并即时确认节点关系。
  • 在 PR、评审文档或项目周报里快速绘制时序图或状态图,无需切换到单独桌面软件。
  • 把 Mermaid 草图整理好后,再继续进入 Markdown、PlantUML 或文本类工具完善交付内容。

使用步骤

  1. 选择模板或直接粘贴 Mermaid 源码,在左侧编辑器中完成修改。
  2. 点击 Render 或使用快捷键刷新右侧预览,确认布局和连线效果。
  3. 按需要导出 PNG / SVG,或复制源码继续用于文档与仓库说明。

相关工具

同类工具