Mermaid Live Editor
用 Mermaid 語法即時預覽流程圖、時序圖和其他圖表。
這是什麼
Mermaid Live Editor 是 Mermaid 的開源瀏覽器編輯器。輸入 Mermaid 語法後,可以在同一個畫面預覽圖表,並調整程式碼與設定。
為何推薦
用文字描述圖表,修改節點或流程時不必重新拖拉整張圖。這個編輯器不需本機安裝,適合先試寫語法,再把內容放進文件。
適合誰
需要在技術文件中維護流程圖、時序圖或架構說明的工程師與技術寫作者。
常用情境
- 快速試作流程圖與時序圖
- 調整 Mermaid 語法並即時檢查結果
使用提醒
本次實測載入內建 Flowchart 範例後,右側能正常顯示對應圖表。官方專案另有列出 SVG 匯出與分享連結功能,本次未逐項實測。