Mermaid 线上编辑器
这个免费线上编辑器可以协助您轻易地编辑 Mermaid 图表
即时编写并预览 Mermaid 图表定义，轻松制作流程图、时序图、甘特图与类图等，适合技术文档与 Wiki 使用。
Mermaid 线上编辑器
这个免费线上编辑器可以协助您轻易地编辑 Mermaid 图表
关于这个工具
即时编写并预览 Mermaid 图表定义，轻松制作流程图、时序图、甘特图与类图等，适合技术文档与 Wiki 使用。
常见问题
关于这个主题的常见疑问与实用解答。
什么是 Mermaid？
Mermaid 是一种文本型图表语言，可通过类似 Markdown 的语法渲染流程图、时序图、类图等。广泛用于 GitHub、GitLab 与技术文档。
支持哪些图表类型？
流程图、时序图、类图、状态图、实体关系图、甘特图、饼图等。编辑器支持 Mermaid 库中所有可用的图表类型。
可以导出图表吗？
可以，您可以将渲染完成的图表下载为图片，用于演示、文档或其他项目。
我的数据会被发送到服务器吗？
不会，Mermaid 图表渲染完全在您的浏览器中执行。您的图表代码通过 JavaScript 在本地解析与渲染，不会发送至任何服务器。
如何编写 Mermaid 语法？
先声明图表类型（如 flowchart TD、sequenceDiagram、classDiagram），再用 Mermaid 文本语法定义节点、连线和标签。可使用内置模板探索不同图表类型。
可以在 GitHub 或 Markdown 中使用 Mermaid 吗？
可以，GitHub、GitLab、Notion 以及许多 Markdown 渲染器原生支持 Mermaid 代码块。只需将图表代码包在 ```mermaid 围栏代码块中，即可渲染为图表。