TB
ToolBox
◇MD

Mermaid 图表编辑器

代码开发

用简单的文本语法创建各种图表,实时预览,一键导出 SVG 和 PNG。

8 种图表类型滚轮缩放 · 拖拽平移悬停高亮分支
100%

输入

Mermaid 语法

字符 0
支持 Flowchart、Sequence、Class 等图表语法输入后自动渲染

输出

图表预览

在左侧编辑器中输入 Mermaid 语法,将自动渲染图表。
等待输入滚轮缩放 · 拖拽平移 · 悬停高亮分支 · 全屏快捷键:E 编辑 · S 样式 · H 历史
工具说明3

CAD 级交互体验

鼠标滚轮缩放(跟随光标位置)、左键拖拽平移,像 CAD 软件一样自由浏览大图表。

悬停高亮分支

鼠标悬停在节点上,自动高亮该节点连接的整条分支路径,其余部分淡化,快速定位关联关系。

丰富的图表与导出

支持流程图、时序图、类图等 8 种图表类型,四种主题风格,可导出 SVG 和 PNG。