帶有拖放功能的HTML工作流程設計器

Question

我需要構建一個工作流程工具，允許用戶將節點拖到畫布上，將節點的出口連接到其他節點的輸入端。看起來像在'自動化'部分涵蓋的一個在這裏：http://bronto.com/platform/features）

尋找建議如何開始......好奇，如果有框架/庫任何人會推薦使這更容易，或只是確認我應該剛開始使用Javascript來處理拖動/拖放/線條圖等等。

Answer 1

我試過了幾個工作流程，流程圖和圖表工具。

我發現了一個，然後我可以用編輯器製作一個HTML5工作流程圖，加載和保存數據到服務器和從服務器保存數據。

這具有幾乎所有可以用於製造工作流圖的特徵：

1）一個矩形內富文本。

2）自定義形狀的能力。

3）能夠添加流程圖符號並修復後端代碼。

4）適用於Android，iOS，HTML5瀏覽器。

5）能夠添加不同種類的線條以附加到不同的形狀和對象。

6）能夠正確拖放元素，線條，形狀和豐富的文本。

7）能夠創造自己的元素（即時貼，UML對象，排車道，文檔對象等）

MIT許可。

https://code.google.com/p/svg-edit/

Answer 2

如果你是在ASP.NET平臺上，嘗試Orchard CMS。它有一個Workflow Module，您可以根據自己的需求進行定製。

Answer 3

這個問題是相當古老的，但如果有人需要更新的答案，我一定會嘗試jQuery開源項目jsPlumb https://github.com/sporritt/jsPlumb。