Mermaid 編輯器
編寫 Mermaid 語法,查看即時流程圖、序列圖或類別圖預覽。匯出為 SVG、PNG 或 JPEG。
佈景主題
100%
正在載入圖表引擎...
關於 Mermaid 流程圖編輯器
在編輯器中編寫 Mermaid 圖表語法,即時查看轉譯的流程圖、序列圖、類別圖或其他圖表類型的更新。載入範本快速開始,然後將您的圖表匯出為 SVG、PNG 或 JPEG,或複製語法供日後編輯。
這個工具是什麼?
即時 Mermaid 圖表編輯器,用文字編寫圖表。在編輯流程圖、序列圖、類別圖等時即時查看轉譯結果,最後匯出為 SVG、PNG 或 JPEG。
使用方法
- 選擇一個範本(流程圖、序列圖、類別圖等)以載入範例 Mermaid 語法,或編寫您自己的語法。
- 編輯時圖表預覽會自動更新。
- 按一下「匯出圖像」將圖表下載為 SVG、PNG 或 JPEG,或按一下「複製語法」複製 Mermaid 代碼。
- 如果語法有錯誤,最後一個有效的圖表保持可見,您可以修復它。
常見用途
- 為流程或決策樹繪製流程圖
- 記錄 API 呼叫順序或系統互動
- 為軟體設計繪製類別圖或實體關係圖
- 在文檔或 README 檔案中嵌入圖表代碼
使用技巧
- Mermaid 語法是純文字,所以圖表可以與代碼一起進行版本控制。
- 在文檔中使用 SVG 匯出以取得清晰的圖表,在聊天或簡報中共用時使用 PNG 或 JPEG。
常見問題
Mermaid 語法支援什麼類型的圖表?
流程圖、序列圖、類別圖、狀態圖、實體-關係圖等多種圖表類型——選擇一個範本以載入每個範例語法。
如果我在編輯時出現語法錯誤會發生什麼?
編輯器保持顯示上一個有效呈現的圖表,而您則修復語法問題——您的進行中的工作保持可見,而不是清除預覽。
我應該選擇哪個匯出格式:SVG、PNG 或 JPEG?
SVG 是向量格式,在任何縮放級別都保持清晰,非常適合文檔。PNG 和 JPEG 是點陣格式,更適合在聊天應用或簡報中快速分享,其中 SVG 支援可能有限。
我可以將我的圖表儲存在版本控制中與我的代碼一起嗎?
是的。由於 Mermaid 圖表是純文字語法編寫的,您可以直接將 .mmd 源提交到 git 並像任何其他代碼檔案一樣追蹤圖表的變更。
我的圖表語法是否被傳送到伺服器進行呈現?
不會。圖表完全在您的瀏覽器中的客戶端呈現——您的語法和圖表內容永遠不被上傳到任何地方。
編寫 Mermaid 語法查看即時流程圖、序列圖或類別圖預覽。匯出為 SVG、PNG 或 JPEG。免費,無需註冊。