商業 / 圖表
流程圖製作器:Mermaid預覽與簡易製作器
使用Mermaid文字建立流程圖並即時預覽。新增流程、決策、開始-結束和輸入-輸出節點,以標籤連接節點,或從3個自製範本開始。
流程圖製作器:Mermaid預覽與簡易製作器: 使用Mermaid文字撰寫流程圖,或使用製作器新增步驟、決策與連線,並在輸入時即時查看圖表更新。從範例開始,接著複製文字,或將流程圖下載為SVG或PNG。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 商務與行政工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
簡易建置工具
輸入時預覽會即時更新。建置工具會在您的文字後方附加陳述式。設定指令、自訂樣式和點選處理程式已停用。
正在產生預覽…
流程圖語法
Mermaid的流程圖語言支援節點、連線和帶標籤的決策。此工具支援該語言的流程圖部分;建立工具會將新行加入文字末尾。官方語法:https://mermaid.js.org/syntax/flowchart.html
安全性與授權
圖表會在瀏覽器中使用Mermaid繪製。Mermaid是採MIT授權的開放原始碼程式庫,並以嚴格安全模式執行:不允許標籤中的HTML、點擊動作和設定區塊,因此貼上的圖表無法執行程式碼。官方安全性設定:https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html
使用方式
- 選擇流程、決策樹或登入範本,或輸入Mermaid流程圖文字。
- 使用製作器新增節點,再輸入現有節點的ID並選擇性地為連線加上標籤。
- 修正顯示的語法錯誤,然後下載SVG、PNG或Mermaid文字。
隱私與限制
Mermaid文字只會在您的瀏覽器中處理。不會上傳或儲存至本機儲存空間。設定指令、回呼、圖片與外部資源皆已停用。
相關工具
常見問題
製作器如何為節點命名?
它會使用下一個尚未使用的N編號ID。若要連接節點,請從文字中輸入節點的ID。製作器會安全地編碼引號、括號和其他標籤標點符號。
我可以使用所有Mermaid圖表類型嗎?
此工具只接受流程圖或圖形語法。其他圖表類型請使用現有的Mermaid編輯器。
錯誤會如何顯示?
Mermaid提供行號時,解析器錯誤會顯示行號。安全性錯誤與輸入限制錯誤則會顯示另外的訊息。
這些範本是從其他地方複製的嗎?
不是。簡易流程、決策樹和登入流程都是專為此工具撰寫的原創短篇範例。
免費工具・使用在瀏覽器中次・免註冊