Mermaid 编辑器

浏览器本地 Mermaid 实时编辑器

这个 Mermaid 实时编辑器适合粘贴 Mermaid 语法、在浏览器中渲染图表，并复制或导出结果。它可用于流程图、时序图、类图、状态图、ER 图以及项目规划图，不需要上传你的图表源码。

常见 Mermaid 编辑场景

• 在写产品规格、技术文档或知识库页面前预览图表。
• 把流程说明、架构关系和路线图草稿整理成可读的 Mermaid 图。
• 在提交 GitHub README 或 Markdown 文档前检查 Mermaid 代码块。
• 当文档、幻灯片或任务系统需要图片时，导出 SVG 或 PNG 版本。

相关工具

Mermaid 实时编辑器常见问题

这是 Mermaid 实时编辑器吗？

是的。你可以输入或粘贴 Mermaid 语法，在浏览器中渲染预览，并反复调整源码直到图表符合需要。

Mermaid 图表会被上传吗？

不会。Mermaid 源码在当前浏览器中渲染，这个工具不需要把图表文本上传或保存到服务器。

可以把 Mermaid 图表导出成图片吗？

可以。图表渲染后，你可以复制 SVG，或导出图片用于文档、任务、演示文稿和设计评审。