Mermaid 圖表編輯器
在本機編輯並以嚴格安全模式預覽 Mermaid 流程圖、時序圖等圖表，可下載 SVG 或 PNG。
瀏覽器本地處理
該頁面已通過公開目錄檢查；啟用JavaScript後可使用完整功能。
使用指南
如何使用 Mermaid 圖表編輯器
圖表原始碼只在目前瀏覽器中解析和渲染，不會上傳；渲染器使用嚴格安全模式。
輸入圖表原始碼
貼上不超過 128 KiB 的 Mermaid 程式碼，並選擇預設、中性、森林或深色主題。
渲染並修正
點擊渲染查看隔離預覽；語法錯誤會顯示位置或解析資訊，方便返回原始碼修正。
下載圖表
確認標籤和連線後，匯出經過安全清理的 SVG 或 PNG。
限制與注意事項
- 僅支援目前隨網站固定版本的 Mermaid 語法；實驗功能、舊語法和第三方擴充功能可能不相容。
- 嚴格安全模式會限制 HTML 標籤、點擊回調、外部連結和自訂腳本，部分進階互動不會呈現。
- 原始碼、語句數、詞法令牌、鏈式節點、連線數和渲染後 SVG 均有安全上限；PNG 匯出還受畫布尺寸限制。
常見問題
為什麼 click 指令沒有執行？
工具啟用嚴格安全模式，不執行連結回呼或指令碼，以維持本機預覽的安全邊界。
SVG 和 PNG 該選哪個？
SVG 適合繼續編輯和無損縮放；PNG 更適合不支援 SVG 的文件或社交平台。
會自動儲存圖表嗎？
不會。原始碼只儲存在目前頁面的記憶體中，離開前請複製或下載。