Mermaid 图表编辑器
在左侧编写 Mermaid 语法，即可在右侧实时看到您的流程图、时序图或甘特图渲染出来。
以代码方式创建图表所需的一切
即时实时预览
输入瞬间即可看到图表渲染——无需构建步骤、无需点击按钮、无需等待。
所有 Mermaid 图表类型
流程图、时序图、类图、状态图、甘特图、思维导图等——完整的 Mermaid 11 语法。
主题切换
在默认、中性、深色主题之间切换，以匹配您的文档、幻灯片或仪表盘，无需改动一行代码。
导出 SVG 与 PNG
下载清晰的矢量 SVG 或高分辨率 PNG，或将 SVG 标记直接复制到剪贴板。
私密、不上传任何内容
所有渲染都在您的浏览器中本地进行——您的图表永远不会离开您的设备，无大小限制、无需账号。
清晰的语法错误
无效图表会立即被捕获并以可读的错误信息显示，让您快速修复语法。
关于 Mermaid 图表编辑器
Mermaid 图表编辑器是一款免费、浏览器内的工具，用于编写和预览 Mermaid 图表。在左侧输入 Mermaid 语法，右侧的渲染图表会实时更新，内置三种主题——默认、中性和深色。图表看起来满意后，可复制代码或 SVG，或下载为矢量 SVG 或高分辨率 PNG。因为一切都在本地使用开源 Mermaid 库运行，没有上传、没有大小限制、无需账号。
如何创建 Mermaid 图表
三步即可从想法变成可分享的图表。
1
用文字编写您的图表
从内置示例开始，或直接输入 Mermaid 语法——流程图、时序图、类图等。
2
实时查看渲染
图表会随您的编辑自动更新。使用下拉菜单切换主题，找到您想要的外观。
3
导出或分享
复制 Mermaid 代码或 SVG，或将图表下载为 SVG 或 PNG 文件，用于文档、幻灯片和 README。
注意事项
图表使用 Mermaid 11 在严格安全模式下渲染，会净化标签，因此不会执行任何 HTML 或脚本——预览中会禁用交互式点击处理程序。导出的 PNG 以 2 倍分辨率渲染，保证打印清晰，一切都在本地运行，因此没有文件大小限制。