Mermaid 即時預覽編輯器

即時編輯與預覽 Mermaid 流程圖、時序圖、甘特圖等各種圖表，可匯出 SVG/PNG 圖檔。使用瀏覽器線上運算，更多說明請參閱下方使用說明。

Mermaid 編輯
即時預覽

Mermaid 套件載入中...
使用說明
支援的圖表類型：
  • 流程圖 (Flowchart)
  • 時序圖 (Sequence Diagram)
  • 甘特圖 (Gantt Chart)
  • 圓餅圖 (Pie Chart)
  • 心智圖 (Mindmap)
  • 實體關係圖 (ER Diagram)

提示：語法錯誤時會在預覽區顯示錯誤訊息

快速開始：
  1. 點擊「插入範例」選擇圖表類型
  2. 在左側編輯器中修改 Mermaid 語法
  3. 右側會即時顯示圖表預覽
  4. 可匯出為 SVG 或 PNG 格式
預覽控制：
  • 兩指縮放：使用兩根手指捏合放大縮小圖表
  • 拖拽移動：單指拖拽或滑鼠左鍵拖拽圖表位置
  • 按鈕縮放：點擊 + / - 按鈕進行精確縮放
  • 重置檢視：點擊縮放百分比按鈕重置檢視
  • 匯出圖檔：下載 PNG 時會依縮放比例調整輸出尺寸
分享與隱私說明：

本工具的「分享」功能會將您編輯的 Mermaid 語法內容，經壓縮（gzip）並以 Base64 編碼後，附加於網址的 # 片段中（即 hash 部分）。該片段僅存在於您的瀏覽器位址列中，預設不會隨網頁請求送至伺服器，因此本站不會儲存、存取或備份您的圖表內容。

任何取得此分享網址的人皆可解碼查看圖表內容。由於內容即包含於網址中，本站無法對其進行撤銷、隱藏或刪除。建議您於分享前確認內容不含個人資料、商業機密、或其他受法規限制之資訊。

若您透過外部平台（如社群媒體、短網址服務）轉貼該連結，該平台可能接收到完整的網址與編碼內容；您應依各平台之隱私政策自行評估風險。

依您的瀏覽器與應用設定，分析工具（如 Google Analytics 4）於記錄頁面網址時， 可能包含該 # 片段。若您不希望被記錄，請避免使用分享連結或在分享前移除敏感內容。詳細資訊請參閱隱私權政策。