程式碼編輯器流程圖
程式碼編輯器...
預覽
100%
7 行104 字元
Ctrl/Cmd + S儲存Ctrl/Cmd + Z復原Ctrl/Cmd + Shift + Z重做Escape退出全螢幕
如何使用
1
輸入 Mermaid 語法
在左側編輯器中輸入或貼上 Mermaid 語法。支援 22 種圖表類型，包括流程圖、序列圖、類別圖等。
2
即時預覽圖表
右側會即時顯示渲染後的圖表。支援縮放、平移操作，讓您完整檢視圖表細節。
3
匯出和分享
完成後可匯出為 PNG 或 SVG 格式，也可直接複製程式碼或圖片到剪貼簿。
功能特色
22 種圖表類型
語法高亮
即時預覽
自動儲存
復原/重做
PNG/SVG 匯出
全螢幕編輯
本地儲存
快捷鍵
Ctrl/Cmd + S儲存
Ctrl/Cmd + Z復原
Ctrl/Cmd + Shift + Z重做
Escape退出全螢幕
常見問題
什麼是 Mermaid？
Mermaid 是一個基於 JavaScript 的圖表和圖形工具，使用類似 Markdown 的簡單語法來定義和渲染圖表。它廣泛用於文件、技術規格和各種視覺化需求。
我的資料安全嗎？
是的，所有資料都儲存在您的瀏覽器本地（LocalStorage），不會上傳到任何伺服器。您的圖表內容完全私密安全。
支援哪些圖表類型？
支援 22 種圖表類型，包括：流程圖、序列圖、類別圖、狀態圖、實體關係圖、甘特圖、圓餅圖、Git 分支圖、心智圖、時間線、使用者旅程圖、象限圖、需求圖、C4 架構圖、桑基圖等。