Nomnoml 图表编辑器

在浏览器本地用自托管 nomnoml 渲染 UML/流程图为 SVG

交互控件将随脚本加载;处理始终在浏览器本地完成。

正在加载工具…

这个工具能做什么

  • Nomnoml 图表编辑器
  • 浏览器本地处理
  • 无需注册
  • 不上传数据

适用 / 不适用

  • 适用:需要在浏览器本地完成「Nomnoml 图表编辑器」、又不希望内容上传服务器时。
  • 不适用:需要云端协作存档、团队权限或对外 API 批处理时。

技术与隐私说明(可验证)

  • 实现:浏览器本地脚本处理(详见本页工具界面)。
  • 数据:输入留在浏览器内存;主题/收藏仅存 localStorage;不发送到 www.518882.com 做内容处理。
  • 限制:受设备内存与浏览器能力限制,超大输入可能卡顿。

怎么用(步骤)

  1. 在输入区编写 Nomnoml 源码(如 [A] -> [B]、类图语法)。
  2. 处理后在下方预览 SVG;复制按钮复制源码,下载导出 SVG。
  3. Nomnoml 经 EXTRA_SCRIPTS 自托管加载(约 70KB,含 graphre),不请求 CDN。
  4. 复杂流程图也可试 Mermaid 编辑器;本页偏 UML/类图风格。

常见问题

和 Mermaid 有何区别?

Nomnoml 侧重简洁 UML/类图语法;Mermaid 覆盖时序图、甘特等更广。二者均本地渲染。以上说明对应「Nomnoml 图表编辑器」本页实际行为;默认不把输入内容发往服务器处理。

会上传吗?

不会。源码与 SVG 均在浏览器内处理。Nomnoml 图表编辑器:处理只在浏览器本地完成,不会把内容上传到 www.518882.com 或第三方接口;无需注册,可在开发者工具网络面板自行核对。

是 PlantUML 吗?

不是。本站不做 PlantUML 服务端渲染。以上说明对应「Nomnoml 图表编辑器」本页实际行为;默认不把输入内容发往服务器处理。

包有多大?

nomnoml+graphre 约 70KB,仅本工具页加载。以上说明对应「Nomnoml 图表编辑器」本页实际行为;默认不把输入内容发往服务器处理。

可离线吗?

vendor 加载后可断网继续编辑。以上说明对应「Nomnoml 图表编辑器」本页实际行为;默认不把输入内容发往服务器处理。