Mermaid 圖表编辑器
在瀏覽器本機用自托管 Mermaid 渲染流程圖等，预覽 SVG，可复制源碼與下载
交互控件将随脚本加载；处理始终在浏览器本地完成。
正在載入工具…
这个工具能做什么
- Mermaid 预览
- SVG 下载
- 自托管引擎
- 亮暗主题
- 示例流程图
- 不上传源码
怎么用（步骤）
- 在输入区编写 Mermaid 源码（flowchart、sequenceDiagram、classDiagram 等）。
- 实时或点击处理后在下方预览 SVG；主题可跟随站点或强制亮/暗。
- 复制按钮复制源码；下载按钮导出 SVG。
- Mermaid 库仅在本工具页通过自托管 /assets/vendor/mermaid.min.js 加载（约 2.5MB），不请求第三方 CDN，源码不上传。
常見問題
会加载很大吗？
Mermaid 压缩包约 2.5MB，仅本工具页按需加载，其它页面不受影响。受本机内存与浏览器能力约束；输入过大时可分段处理，避免页面卡顿。
支持哪些图？
以自托管 Mermaid 11 为准：流程图、时序图、类图、状态图、Gantt、饼图等常见类型。以上说明对应「Mermaid 圖表编辑器」本页实际行为；默认不把输入内容发往服务器处理。
浏览器要求？
现代 Chromium / Firefox / Safari；需支持 ES 模块打包后的浏览器全局 API。以上说明对应「Mermaid 圖表编辑器」本页实际行为；默认不把输入内容发往服务器处理。
能下载图片吗？
支持下载 SVG；若需 PNG 可用浏览器或设计工具从 SVG 导出。以上说明对应「Mermaid 圖表编辑器」本页实际行为；默认不把输入内容发往服务器处理。
和 Markdown 工具关系？
Markdown 转 HTML 不内嵌 Mermaid 运行时；复杂图请用本页单独渲染。以上说明对应「Mermaid 圖表编辑器」本页实际行为；默认不把输入内容发往服务器处理。
安全吗？
使用 securityLevel=strict，并本地渲染，不上传图源。Mermaid 圖表编辑器：处理只在浏览器本地完成，不会把内容上传到 www.518882.com 或第三方接口；无需注册，可在开发者工具网络面板自行核对。
语法错了怎么办？
会显示渲染错误信息，原文保留便于修改。以上说明对应「Mermaid 圖表编辑器」本页实际行为；默认不把输入内容发往服务器处理。
可以离线用吗？
页面与 vendor 加载完成后可断网继续编辑已打开的本页。以上说明对应「Mermaid 圖表编辑器」本页实际行为；默认不把输入内容发往服务器处理。