Mermaid 图表编辑器
在浏览器里编写 Mermaid 语法并实时预览，支持复制与导出 SVG。
编辑器
预览
什么是Mermaid流程图工具
用 Mermaid 文本语法画流程图、时序图、甘特图：点“渲染”后在右侧预览，可选浅色/深色/中性三套主题，内置示例帮你起步，成品可复制或下载为 SVG 嵌入文档。渲染引擎以 strict 安全级别运行。
如何使用Mermaid流程图工具
- 在编辑器输入 Mermaid 代码或点击“示例”
- 选择主题并点击“渲染”查看预览
- 复制或下载 SVG 用于文档
常见问题
Mermaid 常用图表怎么开头？
流程图用 flowchart TD 或 LR，时序图用 sequenceDiagram，甘特图用 gantt，类图用 classDiagram，饼图用 pie。
渲染失败怎么排查？
多为语法问题：检查节点 ID 不含空格和特殊符号、箭头方向正确、中文标签用引号括起，例如 A["名称"] --> B。
为什么点渲染才出图？
预览按需渲染而非逐键实时刷新，避免输入中途的语法错误打断编辑；修改代码后再点一次“渲染”即可更新。
代码会上传到服务器吗？
不会，Mermaid 引擎在你的浏览器本地渲染；而且以 strict 安全级别运行，图表文本里的 HTML/JS 不会被执行。
Mermaid流程图工具收费吗？
Mermaid流程图工具完全免费，打开网页即可使用全部功能，没有任何隐藏收费。
Mermaid流程图工具需要下载安装吗？
不需要下载或安装任何软件。这是一个在线网页工具，在手机、平板和电脑的浏览器中打开即可使用。
使用Mermaid流程图工具需要注册账号吗？
不需要。本工具无需注册、无需登录，打开页面即可直接使用。
Mermaid流程图工具在手机上可以使用吗？
可以。页面采用响应式设计，自动适配手机、平板和桌面屏幕，随时随地打开浏览器即可使用。