CKeditor风格的Javascript流程图设计师

时间:2010-09-24 09:56:35

标签: javascript xml textarea wysiwyg flowchart

我在这里了解到,在堆栈溢出时,我需要的是“流程图”。我需要允许用户在浏览器中(使用他的鼠标)绘制一个流程图,该流程图表示流程或算法的流程。此流程图应包含决策(是/否钻石),任务(矩形),箭头,标签等。

流程图编辑器应该是网页上表单的一部分,应该用JavaScript编写,重要的是它必须产生一个文本输出(XML?),它可以在DB中存储,当这个页面是再次打开,图表将根据以前保存的文本进行渲染。

不需要其他输出。基本上,我需要的只是一个图形XML编辑器/创建者。

如果它与CkEditor一样工作将是完美的: http://ckeditor.com/demo

这个CkEditor是一个JS Html编辑器,它涵盖了一个textarea(在一个表单中),当你在这个编辑器中写东西时,它(在后台)转换成HTML并写入textarea。当您使用按钮发送整个表单时,可以处理和保存textarea的内容。

我读了以下帖子,但没有什么适合我的目的

stackoverflow.com/questions/363592/javascript-library-for-hierarchical-flowchart

非常接近我的想法是这个项目,但它是一个在浏览器之外运行的Java程序,输出不能存储在DB中。

www.jgraph.com/jgraph.html

有没有人使用过我刚才描述过的东西?

更新1:这可能是我所要求的。有人知道类似和/或免费的东西吗? origramy.com/origramy.html

1 个答案:

答案 0 :(得分:1)

你会发现this线程很有用。它讨论了如何从BPMN生成流程图。