Mermaid编辑器
使用简单的文本语法创建流程图、序列图、甘特图等多种图表，实时预览所见即所得
Ainexis.cn
代码编辑器
加载中...
实时预览
100%
输入代码后实时预览图表
什么是 Mermaid？
简介
Mermaid 是一种基于 JavaScript 的图表绘制工具，它使用简单的文本语法来创建和动态修改图表。您无需使用复杂的绘图软件，只需要编写简单的文本描述，就能生成专业级的图表。
本工具由 Ainexis 开发，提供在线 Mermaid 图表编辑、实时预览和 SVG 导出功能，无需安装任何软件即可快速创建专业图表。
主要特点
- 文本驱动：使用简单的文本语法描述图表
- 实时预览：所见即所得的编辑体验
- 多种图表：支持流程图、序列图、甘特图、饼图等
- 导出方便：支持导出为 SVG 格式
- 跨平台：可在任何支持 JavaScript 的环境中运行
支持的图表类型
📊
流程图
flowchart
🔄
序列图
sequenceDiagram
📅
甘特图
gantt
🔄
状态图
stateDiagram
🥧
饼图
pie
🗃️
ER图
erDiagram
📦
类图
classDiagram
🧠
思维导图
mindmap
语法示例
流程图基础语法
flowchart TD
A[开始] --> B{判断}
B -->|是| C[执行]
B -->|否| D[跳过]序列图基础语法
sequenceDiagram
A->>B: 请求
B-->>A: 响应工具栏功能
| 清空编辑器内容 | |
| 复制代码到剪贴板 | |
| 切换亮色/暗色主题 | |
| 缩放预览图表 | |
| 下载 SVG 文件 | |
| 全屏模式 |