Mermaid2Img
在线编辑和图片导出

支持实时预览的 Mermaid 在线编辑器

用文本创建 Mermaid 图表，输入时实时预览，从模板开始，并在不上传图表代码的情况下导出高质量图片。

打开 Mermaid 在线编辑器浏览模板

试用 Mermaid 在线编辑器

flowchart TD
  A[Start with Mermaid code] --> B{Need an image?}
  B -->|PNG| C[Export for docs]
  B -->|SVG| D[Export vector graphics]
  B -->|PDF| E[Export for sharing]
  C --> F[Ready for documentation]
  D --> F
  E --> F

什么是 Mermaid 在线编辑器？

Mermaid 在线编辑器让你在浏览器里编写 Mermaid 语法、实时查看图表、从模板开始，并导出 PNG、JPG、SVG 或 PDF。Mermaid2Img 还提供样式控制、本地历史和多种图表模板。

输入 Mermaid 时实时预览

19 个常见图表起步模板

一个工作台导出 PNG、JPG、SVG 和 PDF

浏览器本地渲染，适合私密图表

不只是 Mermaid 在线预览

Mermaid2Img 把在线编辑器、模板、样式控制、本地历史和多格式导出放在一个工作台里，适合文档、产品和工程团队反复使用。

实时预览 Mermaid 语法和布局
PNG、JPG、SVG、PDF 一站式导出
19 种图表模板覆盖主流文档场景
浏览器本地处理，适合私密图表

如何使用

1

粘贴 Mermaid 语法，或选择一个起步模板。

2

通过实时预览发现语法和布局问题。

3

将最终图表导出为图片，或进入完整工作台继续调整。

常见问题

什么是 Mermaid 在线编辑器？

Mermaid 在线编辑器可以让你编写 Mermaid 文本语法，并即时渲染成流程图、时序图、ER 图、甘特图等图表。

编辑器里可以导出图表吗？

可以。Mermaid2Img 支持在浏览器中将 Mermaid 图表导出为 PNG、JPG、SVG 和 PDF。

Mermaid2Img 只是编辑器吗？

不是。它把 Mermaid 在线编辑器、实时预览、模板、样式控制、本地历史和图片导出整合在一个工作台里。

立即在线编辑和导出

下面的编辑器可直接试用；需要高级工作台时再进入 /editor。

Loading editor...