Loading mermaid.tools…
← 返回編輯器

免費視覺化 Mermaid 編輯器 — 建立、預覽並匯出圖表

mermaid.tools 是免費的視覺化編輯器,可在瀏覽器中建立、即時預覽並匯出 Mermaid 圖表。輸入或貼上程式碼,使用視覺化工具調整樣式,再下載結果。

如何使用?

  1. 在程式碼頁面輸入 Mermaid 定義,或從範例開始。
  2. 在預覽頁面查看圖表,透過工具調整主題、字級和版面配置。
  3. 開啟匯出面板,下載 SVG、PNG、JPEG、PDF、MMD 或 JSON 檔案。

常見問題

什麼是 Mermaid?

Mermaid 是開源 JavaScript 函式庫,可將文字定義轉換為流程圖、循序圖及其他類型的圖表。

應該選擇哪種匯出格式?

需要可縮放圖表時選擇 SVG,需要透明圖片時選擇 PNG,需要頁面配置時選擇 PDF。使用 MMD 儲存可編輯的原始碼,使用 JSON 備份程式碼與專案設定。

圖表儲存在哪裡?

圖表繪製與專案儲存都在瀏覽器中完成。所需的函式庫透過 CDN 載入。分享連結包含圖表內容,任何收到連結的人都可以查看。

可以安裝到手機上嗎?

在 iPhone 的 Safari 開啟分享選單,選擇加入主畫面。其他支援的瀏覽器可使用應用程式安裝選單。首次載入需要網路連線。

詳細指南(英語)

主要控制項已提供繁體中文。部分進階控制項及技術錯誤訊息仍以英語顯示。Mermaid 程式碼不會被翻譯。