CKeditor 风格的 Javascript 流程图设计器
我在这里了解到，在堆栈溢出时，我需要的称为“流程图”。我需要允许用户在浏览器中（使用鼠标）绘制代表流程或算法流程的流程图。该流程图应包含决策（是/否菱形）、任务（矩形）、箭头、标签等。流程图
编辑器应该是网页上表单的一部分，应该用 JavaScript 编写，重要的是，它必须产生一个可存储在数据库中的文本输出（XML？），当再次打开此页面时，将根据之前保存的文本呈现图表。
不需要其他输出。本质上，我需要的只是一个图形 XML 编辑器/创建器。
如果能像 CkEditor 一样工作那就完美了： http://ckeditor.com/demo
这个 CkEditor 是一个 JS Html 编辑器，覆盖文本区域（以表单形式）当您在此编辑器中编写内容时，它会（在后台）转换为 HTML 并写入文本区域。当您使用按钮发送整个表单时，可以处理并保存文本区域的内容。
我阅读了以下线程，但没有任何内容适合我的目的
stackoverflow.com/questions/363592/javascript-library-for-hierarchical-flowchart
这个项目非常接近我的想法，但它是一个在浏览器之外运行的 Java 程序并且输出不能存储在DB中。
www.jgraph.com/jgraph.html
有人使用过我刚才描述的东西吗？
更新1：这可能就是我想要的。有人知道类似和/或免费的东西吗？ origramy.com/origramy.html
I've learned here, on stack overflow, that what I need is called "flow-chart". I need to allow user to draw in a browser (using his mouse) a flow-chart that would represent a flow of a process or an algorithm. This flow-chart should contain decisions (yes/no diamonds), tasks (rectangles), arrows, labels etc.
Flow-chart editor should be a part of a Form on a web page, should be written in JavaScript and important is, that it must produce a text output (XML?) that will be storable in DB and when this page is opened again, chart will be rendered based on the previously save text.
No other outputs wil be necessary. Essentially, what I need is just a graphical XML editor/creator.
It would be perfect if it worked as same as CkEditor:
http://ckeditor.com/demo
This CkEditor is a JS Html editor that covers a textarea (in a form) and when you write something in this editor, it is (on the background) converted into HTML and written into the textarea. When you send the whole form using a button, the content of textarea can be processed and saved.
I read following thread, but nothing was suitable for my purposes
stackoverflow.com/questions/363592/javascript-library-for-hierarchical-flowchart
Very close to my idea was this project, but it is a Java program that is run outside of browser and output can not be stored in DB.
www.jgraph.com/jgraph.html
Did anyone use something like I just described?
Update 1: This could be what i was loking for. Does anybody know something similar and/or free?
origramy.com/origramy.html
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您会发现此线程很有用。它讨论了从 XML 格式的 BPMN 生成流程图。
You will find this thread useful. It talks about generating flowchart from BPMN which is in XML.