【问题标题】:Javascript Flowchart designer in style of CKeditorCKeditor 风格的 Javascript 流程图设计器
【发布时间】:2010-09-24 09:56:34
【问题描述】:

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

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

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

如果它和 CkEditor 一样工作就完美了: http://ckeditor.com/demo

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

我阅读了以下主题,但没有任何内容适合我的目的

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

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

www.jgraph.com/jgraph.html

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

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

【问题讨论】:

  • 我知道这很旧,但您发送的原始链接是 Flash 编辑器,而不是 JavaScript/HTML。我认为要让它在所有浏览器上工作并且不破坏未来的浏览器会特别困难。
  • 就 JGraph 链接而言,您的产品有误。 JGraph 是 Java 的,mxGraph,jgraph.com/mxgraph.html 是 JavaScript 浏览器实现。

标签: javascript xml textarea wysiwyg flowchart


【解决方案1】:

您会发现this 线程很有用。它讨论了从 XML 中的 BPMN 生成流程图。

【讨论】:

    猜你喜欢
    • 2011-09-11
    • 2013-11-20
    • 2012-08-24
    • 1970-01-01
    • 1970-01-01
    • 2023-03-31
    • 2021-12-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多