首页/使用指南/将 Mermaid 转为可编辑图示
图示生成

将 Mermaid 转为可编辑图示

NuromBoard 可将 Mermaid 代码转换为画布上的可编辑图示。流程图、ER 图、时序图与类图会尽可能保留节点、连线与端点,生成后仍可继续调整。

本教程目标

把 Mermaid 代码转换成画布上可编辑的图表。

开始之前
  • 准备好一段 Mermaid 语法文本
  • 已打开目标白板

适用场景

已经有一段 Mermaid 代码,或希望用文本快速生成可编辑的流程图、时序图、ER 图时使用。生成后可在 流程图工作流 中继续调整分支与布局。

当前支持范围

当前重点支持流程图、ER 图、时序图与类图。暂不支持的 Mermaid 类型会转为图片插入,仍可放入画布正常查看。

把 Mermaid 代码转换成可编辑图表的步骤

  1. 1

    打开 Mermaid 转图示

    从工具栏或更多功能入口打开 Mermaid 转图示对话框。

  2. 2

    输入 Mermaid 代码

    粘贴 graph、sequenceDiagram、classDiagram 或 erDiagram 语法,并确认节点与连线完整。

  3. 3

    预览检查

    先在右侧预览结果,确认布局、箭头方向与文字未被裁切。

  4. 4

    插入画布并继续编辑

    点击插入后,支持的图示会以画布元素形式落地,可移动、改色、重锚点与扩展。

完成后你会得到

画布上出现可拖拽、可修改的流程图、时序图或 ER 图。

常见错误

  • 代码里混用不支持的图表类型,生成失败后仍反复粘贴。
  • 节点名称含特殊符号或换行,导致连线关系错乱。
  • 生成后直接导出,没有检查层级与文字是否重叠。

常见问题

为什么有些 Mermaid 图示会变成图片?

目前仅流程图、ER 图、时序图与类图支持结构化转换。其他类型以图片插入,避免渲染失败。

插入后还能编辑 Mermaid 图示吗?

支持的类型会转为可编辑画布元素;范围外的类型会以图片插入。

生成后还能继续编辑吗?

可以。转换结果会作为画布元素插入,节点、文字和连线都能继续调整。

Mermaid 代码报错怎么办?

先检查图表类型是否受支持、缩进与节点命名是否规范,再逐步粘贴最小可用片段,确认后再补全。

← 返回使用指南

图示生成 中的更多教程