Mermaid 图表编辑器
在本地编辑并以严格安全模式预览 Mermaid 流程图、时序图等图表，可下载 SVG 或 PNG。
浏览器本地处理
该页面已通过公开目录检查；启用JavaScript后可使用完整功能。
使用指南
如何使用Mermaid 图表编辑器
图表源码只在当前浏览器中解析和渲染，不会上传；渲染器使用严格安全模式。
输入图表源码
粘贴不超过 128 KiB 的 Mermaid 代码，并选择默认、中性、森林或深色主题。
渲染并修正
点击渲染查看隔离预览；语法错误会显示位置或解析信息，便于返回源码修正。
下载图表
确认标签和连线后，导出经过安全清理的 SVG 或 PNG。
限制与注意事项
- 仅支持当前随站点固定版本的 Mermaid 语法；实验功能、旧语法和第三方扩展可能不兼容。
- 严格安全模式会限制 HTML 标签、点击回调、外部链接和自定义脚本，部分高级交互不会呈现。
- 源码、语句数、词法令牌、链式节点、连线数和渲染后 SVG 均有安全上限；PNG 导出还受画布尺寸限制。
常见问题
为什么 click 指令没有运行？
工具启用严格安全模式，不执行链接回调或脚本，以保持本地预览的安全边界。
SVG 和 PNG 该选哪个？
SVG 适合继续编辑和无损缩放；PNG 更适合不支持 SVG 的文档或社交平台。
会自动保存图表吗？
不会。源码只保存在当前页面内存中，离开前请复制或下载。