代码编辑器流程图
代码编辑器...
预览
100%
7 行104 字符
Ctrl/Cmd + S保存Ctrl/Cmd + Z撤销Ctrl/Cmd + Shift + Z重做Escape退出全屏
如何使用
1
输入 Mermaid 语法
在左侧编辑器中输入或粘贴 Mermaid 语法。支持 22 种图表类型，包括流程图、序列图、类图等。
2
即时预览图表
右侧会即时显示渲染后的图表。支持缩放、平移操作，让您完整查看图表细节。
3
导出和分享
完成后可导出为 PNG 或 SVG 格式，也可直接复制代码或图片到剪贴板。
功能特色
22 种图表类型
语法高亮
即时预览
自动保存
撤销/重做
PNG/SVG 导出
全屏编辑
本地存储
快捷键
Ctrl/Cmd + S保存
Ctrl/Cmd + Z撤销
Ctrl/Cmd + Shift + Z重做
Escape退出全屏
常见问题
什么是 Mermaid？
Mermaid 是一个基于 JavaScript 的图表和图形工具，使用类似 Markdown 的简单语法来定义和渲染图表。它广泛用于文档、技术规格和各种可视化需求。
我的数据安全吗？
是的，所有数据都存储在您的浏览器本地（LocalStorage），不会上传到任何服务器。您的图表内容完全私密安全。
支持哪些图表类型？
支持 22 种图表类型，包括：流程图、序列图、类图、状态图、实体关系图、甘特图、饼图、Git 分支图、思维导图、时间线、用户旅程图、象限图、需求图、C4 架构图、桑基图等。