Loading mermaid.tools…
← 返回编辑器

免费可视化 Mermaid 编辑器 — 创建、预览并导出图表

mermaid.tools 是一款免费的可视化编辑器,可在浏览器中创建、实时预览并导出 Mermaid 图表。输入或粘贴代码,使用可视化工具调整样式,然后下载结果。

如何使用?

  1. 在代码页面输入 Mermaid 定义,或从示例开始。
  2. 在预览页面查看图表,通过工具调整主题、字号和布局。
  3. 打开导出面板,下载 SVG、PNG、JPEG、PDF、MMD 或 JSON 文件。

常见问题

什么是 Mermaid?

Mermaid 是一个开源 JavaScript 库,可将文本定义转换为流程图、时序图及其他类型的图表。

应该选择哪种导出格式?

需要可缩放图表时选择 SVG,需要透明图片时选择 PNG,需要页面布局时选择 PDF。使用 MMD 保存可编辑的源码,使用 JSON 备份代码和项目设置。

图表保存在哪里?

图表渲染和项目存储在浏览器中完成。所需的库通过 CDN 加载。分享链接包含图表内容,任何收到链接的人都可以查看。

可以安装到手机上吗?

在 iPhone 的 Safari 中打开分享菜单,选择添加到主屏幕。其他支持的浏览器可使用应用安装菜单。首次加载需要网络连接。

详细指南(英语)

主要控件已提供简体中文。部分高级控件和技术错误消息仍以英语显示。Mermaid 代码不会被翻译。