Mermaid Diagram Editor

Edit Mermaid source and preview SVG locally with a self-hosted Mermaid build.

Interactive controls load with JavaScript. Processing stays in your browser.

Chargement…

How to use

  1. 在输入区编写 Mermaid 源码(flowchart、sequenceDiagram、classDiagram 等)。
  2. 实时或点击处理后在下方预览 SVG;主题可跟随站点或强制亮/暗。
  3. 复制按钮复制源码;下载按钮导出 SVG。
  4. Mermaid 库仅在本工具页通过自托管 /assets/vendor/mermaid.min.js 加载(约 2.5MB),不请求第三方 CDN,源码不上传。

FAQ

Does Mermaid Diagram Editor upload my data?

No. Mermaid Diagram Editor runs locally in your browser and does not upload content to www.518882.com or third-party APIs.

Do I need an account?

No. Open and use — no signup, login, or paywall. Open Mermaid Diagram Editor and use it — no signup, login, or paywall.

How is this different from upload-based tools?

Tools run locally in your browser; content is not sent to our servers for processing — suited to private text and drafts.

Are there limits?

Limited by device memory and the browser; very large inputs may slow the page. There is no account quota.