Mermaid 在线编辑器

如何使用

1. 在左侧输入 Mermaid 语法，或从上方选择一个图表模板。
2. 右侧预览会自动更新；语法错误会显示在编辑器下方。
3. 使用缩放和适配按钮检查图表，再按需下载 SVG。

能力与限制

• 浏览器本地处理
• 图表在当前浏览器生成，输入、图形与导出文件均不会上传或保存。
• 需要启用 JavaScript 才能渲染；预生成 HTML 仍包含完整用法、示例与限制。
• 复杂图表的字体、节点间距与分页效果受 Mermaid 版本和浏览器字体影响。
• 导出格式为 SVG；需要 PNG 时可在支持的应用中打开 SVG 后再转换。

常见问题

为什么预览没有更新？

请先查看编辑器下方的语法错误。修正后预览会自动重新生成；也可以点击适配按钮重新查看完整图表。

代码会发送到服务器吗？

不会。Mermaid 库随页面静态资源下载，在当前浏览器内解析和绘制，不调用项目后端接口。

相关指南

相关工具