首頁/使用指南/將 Mermaid 轉為可編輯圖示
圖示生成

將 Mermaid 轉為可編輯圖示

NuromBoard 可將 Mermaid 程式碼轉換為畫布上的可編輯圖示。流程圖、ER 圖、時序圖與類圖會儘可能保留節點、連線與端點,生成後仍可繼續調整。

適用場景

已經有一段 Mermaid 程式碼,或希望用文字快速產生可編輯的流程圖、時序圖、ER 圖時使用。產生後可在 流程圖工作流程 中繼續調整分支與版面配置。

當前支援範圍

當前重點支援流程圖、ER 圖、時序圖與類圖。暫不支援的 Mermaid 型別會轉為圖片插入,仍可放入畫布正常檢視。

步驟

  1. 1

    開啟 Mermaid 轉圖示

    從工具欄或更多功能入口開啟 Mermaid 轉圖示對話方塊。

  2. 2

    輸入 Mermaid 程式碼

    貼上 graph、sequenceDiagram、classDiagram 或 erDiagram 語法,並確認節點與連線完整。

  3. 3

    預覽檢查

    先在右側預覽結果,確認佈局、箭頭方向與文字未被裁切。

  4. 4

    插入畫布並繼續編輯

    點選插入後,支援的圖示會以畫布元素形式落地,可移動、改色、重錨點與擴充套件。

常見錯誤

  • 程式碼裡混用不支援的圖表類型,產生失敗後仍反覆貼上。
  • 節點名稱含有特殊符號或換行,導致連線關係錯亂。
  • 產生後直接匯出,沒有檢查層級與文字是否重疊。

常見問題

為什麼有些 Mermaid 圖示會變成圖片?

目前僅流程圖、ER 圖、時序圖與類圖支援結構化轉換。其他型別以圖片插入,避免渲染失敗。

插入後還能編輯 Mermaid 圖示嗎?

支援的型別會轉為可編輯畫布元素;範圍外的型別會以圖片插入。

轉換後可以調整版面配置與樣式嗎?

可以。轉換結果會以畫布元素插入,節點、文字、連線與樣式都能繼續調整。

Mermaid 程式碼報錯怎麼辦?

先檢查圖表類型是否支援、縮排與節點命名是否正確,再逐步貼上最小可用的片段,確認無誤後再補齊。

← 返回使用指南

More in 圖示生成