具有拖放功能的HTML工作流设计器

Question

我需要构建一个工作流工具,允许人们将节点拖到画布上,将节点的出口连接到其他节点的输入.缩放..(我刚刚发现的一个例子看起来像'自动化'部分中的那个这里:http://bronto.com/platform/features)

寻找关于如何开始的建议...好奇如果有框架/库,任何人都会建议使这更容易,或只是确认我应该开始甩掉Javascript来处理拖动/丢弃/线条图等.

Answer 1

这个问题已经很老了,但是如果有人需要更新的答案,我肯定会尝试jQuery开源项目jsPlumb https://github.com/sporritt/jsPlumb.

Answer 2

我尝试过几种工作流程、流程图和图表工具。

我找到了一个，然后我可以使用编辑器制作 HTML5 工作流程图，在服务器上加载和保存数据。

这几乎具有可用于制作工作流程图的所有功能：

1) 矩形内的富文本。

2) 能够定制形状。

3）能够添加流程图符号并修复后端代码。

4) 适用于 Android、iOS、HTML5 浏览器。

5）能够添加不同种类的线条以附加到不同的形状和物体。

6) 能够正确拖放元素、线条、形状和富文本。

7) 能够创建自己的元素（便签、UML 对象、行通道、文档对象等）

麻省理工学院许可。