Mermaid 在线编辑器
一个轻量、免费的 Mermaid.js 在线试验场。输入任意支持的 Mermaid 图表类型，即可在浏览器中实时查看渲染结果——无需安装、无需注册，数据不会离开你的设备。
图表代码
预览
Theme
Default
试试示例
如何使用 Mermaid 在线编辑器
- 选择任意 Mermaid 图表类型——流程图、序列图、饼图等。
- 在左侧编辑器中输入或粘贴 Mermaid 代码。
- 查看右侧实时预览，检查语法错误和布局效果。
- 复制代码，或将渲染结果导出为 SVG/PNG。
Mermaid 编辑器常见问题
- Mermaid 是什么？
- Mermaid 是一个流行的开源库，可以将简单的文本定义转换为图表，包括流程图、序列图、ER 图、甘特图、饼图等。
- 这个 Mermaid 编辑器是免费的吗？
- 是的，完全免费，支持实时预览和导出 SVG/PNG，无需注册账号。
- 生成的图表可以用在哪里？
- 可以下载为 SVG（适合嵌入和二次编辑）或 PNG（适合幻灯片和文档），也可以复制 Mermaid 代码粘贴到 GitHub、Notion、GitLab 等支持 Mermaid 的工具中。