使用jquery的可视化流程图设计器GooFlow

GooFlow是一款基于jquery的流程图设计器，通过传递json字符串和一系列变量的设置，实现了可视化流程图的设计。该设计器具有广泛的兼容性，可以在IE7到IE10、FireFox、Chrome、Opera等多个浏览器内核上运行，而无需安装任何额外的插件。用户可以自定义页面顶部栏和左边侧边栏，绘制直线和折线，并对折线进行左右/上下移动。除了撤销和重做按钮外，顶部栏的其他按钮都支持自定义点击事件。用户还可以在侧边工具栏上自定义新的节点按钮，为自定义节点设置图标、类型名称，然后将这些节点添加到工作区。设计具有标注功能，使用橙红色标注结点或转换线，通常用于展示流程进度。同时，用户可以直接双击结点、连线、分组区域中的文字进行编辑。在进行各种编辑操作时，如新增/删除/修改名称/重设样式或大小/移动/标注结点、连线、分组区域等，系统能够捕捉到相应的事件，并触发自定义事件。如果自定义事件执行的方法返回FALSE，则会阻止操作。