在线 Mermaid 编辑器：源码不会发到别人服务器

在线 Mermaid 编辑器的差别不在界面，而在「渲染发生在哪」。把源码 POST 给别人的服务端渲染，等于把内部流程、接口名、表结构都交出去；这个页面把渲染引擎作为静态文件随页面下载，之后全部在本地完成。

为什么渲染位置很重要

架构图、时序图里通常包含真实的系统名、内部接口、数据库表名、甚至密钥流转路径。这些内容一旦发给第三方，就脱离了你的控制——对方是否记录、是否用于训练、日志保留多久，你都无从得知。

这个页面把 Mermaid 引擎（3.4MB 的静态文件）随页面一起下载到浏览器，之后所有解析与绘制都在本地完成。第一次打开会下载引擎，之后有缓存；断网也能继续编辑已加载的页面。

判断一个在线图表工具是否本地渲染，最简单的办法是打开开发者工具看 Network：如果每次改源码都有请求发出去，那就是服务端渲染。

七类模板点开即用

内置流程图、时序图、类图、状态图、实体关系图、甘特图、思维导图七类示例模板。模板的作用不是「限制你能画什么」，而是省掉记语法的时间——点开一个最接近的，改几行就成型。

模板之外的 Mermaid 语法（饼图、Git 图、用户旅程图、时间线等）只要引擎支持，直接粘贴进左侧同样能渲染。

写错了不会白屏

源码写错时，预览区上方给出错误提示与出错位置（解析器给的行列信息），并把上一次成功的图留在屏幕上。这一点比错误提示本身更重要：改到一半报错时，你还能看着上一版对照改，而不是面对一块白屏。

修正后预览自动恢复，不需要点「重试」。

安全配置：strict

渲染配置为 securityLevel: strict，Mermaid 会对源码中的 HTML 与脚本做转义，图形内的链接与点击交互被限制；页面同时关闭了 HTML 标签渲染，图形文本一律以 SVG 原生文本绘制。

所以即使粘贴来路不明的源码（比如从网上复制的示例），其中的脚本也不会被执行。这一条在「别人发给我一段源码让我看看」的场景里很关键。