圖示生成
將 Mermaid 轉為可編輯圖示
NuromBoard 可將 Mermaid 程式碼轉換為畫布上的可編輯圖示。流程圖、ER 圖、時序圖與類圖會儘可能保留節點、連線與端點,生成後仍可繼續調整。
適用場景
已經有一段 Mermaid 程式碼,或希望用文字快速產生可編輯的流程圖、時序圖、ER 圖時使用。產生後可在 流程圖工作流程 中繼續調整分支與版面配置。
當前支援範圍
當前重點支援流程圖、ER 圖、時序圖與類圖。暫不支援的 Mermaid 型別會轉為圖片插入,仍可放入畫布正常檢視。
步驟
- 1
開啟 Mermaid 轉圖示
從工具欄或更多功能入口開啟 Mermaid 轉圖示對話方塊。
- 2
輸入 Mermaid 程式碼
貼上 graph、sequenceDiagram、classDiagram 或 erDiagram 語法,並確認節點與連線完整。
- 3
預覽檢查
先在右側預覽結果,確認佈局、箭頭方向與文字未被裁切。
- 4
插入畫布並繼續編輯
點選插入後,支援的圖示會以畫布元素形式落地,可移動、改色、重錨點與擴充套件。
常見錯誤
- 程式碼裡混用不支援的圖表類型,產生失敗後仍反覆貼上。
- 節點名稱含有特殊符號或換行,導致連線關係錯亂。
- 產生後直接匯出,沒有檢查層級與文字是否重疊。
常見問題
為什麼有些 Mermaid 圖示會變成圖片?
目前僅流程圖、ER 圖、時序圖與類圖支援結構化轉換。其他型別以圖片插入,避免渲染失敗。
插入後還能編輯 Mermaid 圖示嗎?
支援的型別會轉為可編輯畫布元素;範圍外的型別會以圖片插入。
轉換後可以調整版面配置與樣式嗎?
可以。轉換結果會以畫布元素插入,節點、文字、連線與樣式都能繼續調整。
Mermaid 程式碼報錯怎麼辦?
先檢查圖表類型是否支援、縮排與節點命名是否正確,再逐步貼上最小可用的片段,確認無誤後再補齊。