图示生成
将 Mermaid 转为可编辑图示
NuromBoard 可将 Mermaid 代码转换为画布上的可编辑图示。流程图、ER 图、时序图与类图会尽可能保留节点、连线与端点,生成后仍可继续调整。
本教程目标
把 Mermaid 代码转换成画布上可编辑的图表。
开始之前
- 准备好一段 Mermaid 语法文本
- 已打开目标白板
适用场景
已经有一段 Mermaid 代码,或希望用文本快速生成可编辑的流程图、时序图、ER 图时使用。生成后可在 流程图工作流 中继续调整分支与布局。
当前支持范围
当前重点支持流程图、ER 图、时序图与类图。暂不支持的 Mermaid 类型会转为图片插入,仍可放入画布正常查看。
把 Mermaid 代码转换成可编辑图表的步骤
- 1
打开 Mermaid 转图示
从工具栏或更多功能入口打开 Mermaid 转图示对话框。
- 2
输入 Mermaid 代码
粘贴 graph、sequenceDiagram、classDiagram 或 erDiagram 语法,并确认节点与连线完整。
- 3
预览检查
先在右侧预览结果,确认布局、箭头方向与文字未被裁切。
- 4
插入画布并继续编辑
点击插入后,支持的图示会以画布元素形式落地,可移动、改色、重锚点与扩展。
完成后你会得到
画布上出现可拖拽、可修改的流程图、时序图或 ER 图。
常见错误
- 代码里混用不支持的图表类型,生成失败后仍反复粘贴。
- 节点名称含特殊符号或换行,导致连线关系错乱。
- 生成后直接导出,没有检查层级与文字是否重叠。
常见问题
为什么有些 Mermaid 图示会变成图片?
目前仅流程图、ER 图、时序图与类图支持结构化转换。其他类型以图片插入,避免渲染失败。
插入后还能编辑 Mermaid 图示吗?
支持的类型会转为可编辑画布元素;范围外的类型会以图片插入。
生成后还能继续编辑吗?
可以。转换结果会作为画布元素插入,节点、文字和连线都能继续调整。
Mermaid 代码报错怎么办?
先检查图表类型是否受支持、缩进与节点命名是否规范,再逐步粘贴最小可用片段,确认后再补全。