Mermaid 在线图表
流程图、时序图、类图、甘特图:本地解析、严格安全过滤、可导出的 SVG 与 PNG 计划。本地处理(断网可用)
可用操作
流程图
解析 flowchart / graph 的节点、连线与方向,生成可辨识的节点分组与带箭头连线 SVG 计划。
时序图
解析 sequenceDiagram 的 participant / actor、消息箭头、Note 与 loop/alt 块,输出参与者泳道和消息结构。
类图
解析 classDiagram 的类、成员、方向、继承/组合/关联关系,生成带类框与关系线的 SVG 计划。
甘特图
解析 gantt 的 title、dateFormat、section 与任务(状态/id/开始/工期),生成分区与任务条 SVG 计划。
真实示例与限制
默认预算:源码 100KiB、1000 个节点;渲染超时 8 秒,可取消或重置。严格安全模式拒绝 click / script / 外链 / %%{init} 等指令,绝不执行用户代码,也不把源码写入导出计划。本轮实现的是确定性图类型解析、校验、安全过滤与导出计划:真实 Mermaid 渲染器与 PNG 栅格化未引入、未实测。断网可完成解析与 SVG 导出,不访问 mermaid.ink 或 Kroki 等外部渲染服务。
FAQ
源码会上传到服务器吗?
不会。解析、校验、安全过滤和导出计划都在本地浏览器与模块 Worker 内完成,默认不保存正文,导出计划记录 0 次网络请求。
为什么结果是可导出的 SVG 计划而不是真实 Mermaid 图?
本轮环境没有浏览器二进制,也未引入 Mermaid 渲染器。产物是可辨识、已转义、无脚本的确定性 SVG 结构,以及含 PNG 非空白判定策略的导出计划;真实渲染与 PNG 栅格化在 HANDOFF 中明确标为未实测。
语法错误会保留我的输入吗?
会。错误以「第 N 行第 M 列(节点 X)」定位并显示在结果区,输入区不清空;取消与超时同样保留源码,可重置后重跑。
相关站为什么没有可点击链接?
mind、draw、dev 目前只为配置占位。按 AL-PLAN 约定,planned 站不产生失效链接,构建后把锚点降级为纯文本,仅保留站名。