Mermaid 編輯器

編寫 Mermaid 語法,查看即時流程圖、序列圖或類別圖預覽。匯出為 SVG、PNG 或 JPEG。

佈景主題
100%
正在載入圖表引擎...

關於 Mermaid 流程圖編輯器

在編輯器中編寫 Mermaid 圖表語法,即時查看轉譯的流程圖、序列圖、類別圖或其他圖表類型的更新。載入範本快速開始,然後將您的圖表匯出為 SVG、PNG 或 JPEG,或複製語法供日後編輯。

這個工具是什麼?

即時 Mermaid 圖表編輯器,用文字編寫圖表。在編輯流程圖、序列圖、類別圖等時即時查看轉譯結果,最後匯出為 SVG、PNG 或 JPEG。

使用方法

  1. 選擇一個範本(流程圖、序列圖、類別圖等)以載入範例 Mermaid 語法,或編寫您自己的語法。
  2. 編輯時圖表預覽會自動更新。
  3. 按一下「匯出圖像」將圖表下載為 SVG、PNG 或 JPEG,或按一下「複製語法」複製 Mermaid 代碼。
  4. 如果語法有錯誤,最後一個有效的圖表保持可見,您可以修復它。

常見用途

使用技巧

常見問題

Mermaid 語法支援什麼類型的圖表?

流程圖、序列圖、類別圖、狀態圖、實體-關係圖等多種圖表類型——選擇一個範本以載入每個範例語法。

如果我在編輯時出現語法錯誤會發生什麼?

編輯器保持顯示上一個有效呈現的圖表,而您則修復語法問題——您的進行中的工作保持可見,而不是清除預覽。

我應該選擇哪個匯出格式:SVG、PNG 或 JPEG?

SVG 是向量格式,在任何縮放級別都保持清晰,非常適合文檔。PNG 和 JPEG 是點陣格式,更適合在聊天應用或簡報中快速分享,其中 SVG 支援可能有限。

我可以將我的圖表儲存在版本控制中與我的代碼一起嗎?

是的。由於 Mermaid 圖表是純文字語法編寫的,您可以直接將 .mmd 源提交到 git 並像任何其他代碼檔案一樣追蹤圖表的變更。

我的圖表語法是否被傳送到伺服器進行呈現?

不會。圖表完全在您的瀏覽器中的客戶端呈現——您的語法和圖表內容永遠不被上傳到任何地方。

編寫 Mermaid 語法查看即時流程圖、序列圖或類別圖預覽。匯出為 SVG、PNG 或 JPEG。免費,無需註冊。