实时预览 + 导出

支持图片导出的 Mermaid 实时编辑器

编写 Mermaid 语法，立即查看渲染结果，然后导出 PNG、SVG、PDF 或 JPG，用于文档和演示。

试用 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 语法变化实时预览

导出 PNG、SVG、PDF 和 JPG

提供流程图、时序图、ER 图等模板

正常渲染和导出无需上传

不只是 Mermaid 在线预览

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

实时预览 Mermaid 语法和布局

PNG、JPG、SVG、PDF 一站式导出

19 种图表模板覆盖主流文档场景

浏览器本地处理，适合私密图表

如何使用

把 Mermaid 代码粘贴到实时编辑器。

调整标签、节点和关系时查看图表同步更新。

将完成的 Mermaid 图表下载为 PNG、SVG、PDF 或 JPG。

常见问题

Mermaid 实时编辑器可以导出 PNG 和 SVG 吗？

可以。Mermaid2Img 可以在浏览器中把 Mermaid 图表导出为 PNG、SVG、PDF 或 JPG。

这是官方 Mermaid 编辑器吗？

Mermaid2Img 使用 Mermaid.js 渲染，并为文档工作流增加了专注的图片导出工作台。

可以用于 Markdown 文档吗？

可以。你可以导出 SVG 或 PNG，用于 README、文档站、Notion、产品需求和演示。

立即在线编辑和导出

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

完整工作台

Loading editor...