【问题标题】:Suggestions for a JavaScript form builder? [closed]对 JavaScript 表单构建器的建议? [关闭]
【发布时间】:2010-10-27 03:16:59
【问题描述】:

我正在寻找将表单构建器集成到我正在使用的网站中,但我希望找到一个库,它具有我正在寻找的部分或大部分功能。

我正在寻找一个库,它可以为我提供一个很好的 GUI 来构建表单,以及一个我可以在 django 后端使用的 JSON(或 XML,或类似)输出。我打算用django输出完成的表格。

我尝试通过 Google 运行此程序,但这只会产生通过在线创建和托管表单来开展业务的公司。但是没有图书馆的形式。

有什么建议吗?

【问题讨论】:

  • 致minimods:这应该被维基化。

标签: javascript javascript-framework


【解决方案1】:

我也有同样的要求,

我会随着时间的推移更新这个答案,但是引导表单生成器 (PHP) 看起来不错

https://github.com/minikomi/Bootstrap-Form-Builder 演示:http://minikomi.github.io/Bootstrap-Form-Builder/

【讨论】:

  • 演示的源链接错误。应该是github.com/minikomi/Bootstrap-Form-Builder
  • @AkshayRawat 谢谢,修复了帖子,minikomi 在那里似乎仍然很活跃。
  • 此解决方案仅适用于 bootstrap 2。似乎他们从未更新项目以使用 bootstrap 3。它太陈旧了,无法再使用了。
【解决方案2】:

如果你不介意花点钱,你可以看看:

Machforms:http://www.appnitro.com/

表单构建器本身完全是客户端 JS,因此您只需将输出(即 JSON)发布到 django 而不是他们的 php 脚本。

【讨论】:

  • 感谢马特的好建议。我正在等待关于这将如何与许可等一起工作的答复,但我认为你已经对我正在寻找的东西死心塌地了。这些人需要一些搜索引擎优化。 =-]
【解决方案3】:

一个刚刚弹出的新 JS 库可能就是你要找的:http://dobtco.github.io/formbuilder/

项目页面:https://github.com/dobtco/formbuilder

【讨论】:

    【解决方案4】:
    【解决方案5】:

    不确定关于 Django 的文章,因为我还没有使用它,但你可能想看看 AlpacaJS:http://www.alpacajs.org/

    【讨论】:

      【解决方案6】:

      我会推荐很棒的ExtJS framework 来构建这样的应用程序。 这是一个例子。

      ext/formbuilder

      添加一个表单面板,然后放置一个文本框等等......非常简单。 Ext JS 2.2 和 3.0(尚未准备好)已获得 LGPL 和 GPL 许可,您也有商业订阅,我认为值得一看。

      【讨论】:

        【解决方案7】:

        SpiffForm 类似于 Appnitro,但免费 (AGPL),也许它适合您的需求。

        欢迎使用补丁 :-)。 (我是作者。)

        【讨论】:

        • 感谢您发布您的答案!请务必仔细阅读FAQ on Self-Promotion。另请注意,每次链接到自己的网站/产品时,都要求发布免责声明。
        【解决方案8】:

        去年有一个 google Summer Of Code 项目,它使用 Dojo JavaScript 工具包构建了一个拖放表单编辑器。就我猜你想要的功能而言,它并不是 100% 完整的。

        它确实会转储一个表示表单的 javascript 对象,您可以将其转换为 JSON 以通过网络发送。

        根据你的 JavaScript 技能组合,它应该能让你在问题上领先一步。

        演示在这里: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

        相关人员的博客文章: http://www.dojotoolkit.org/blog/jbalogh

        【讨论】:

          【解决方案9】:

          我不认为有什么完全符合你想要的东西。最接近的可能是富文本编辑器,例如 FCKEditor 或 TinyMCE。这些库有点像您在 StackOverflow 中用来编写问题的 UI,除了它们具有用于不同 FORM 元素的工具栏按钮(或者如果它们没有,您可以轻松地自己添加它们)。

          面对这些编辑器之一的用户(假设您已将其配置为具有用于 FORM 元素的按钮)将能够在基本上没有技术知识的情况下布置表单。

          但是,如果富文本编辑器不适合您,那么您基本上只能使用 jQuery UI 库(我主要考虑 Draggable 子库)来构建自己的解决方案。

          【讨论】:

            【解决方案10】:

            这取决于您是否准备好自己编程。你想要多动态?如果您想走这条路,使用GWTDojoyour-favorite-js-library 编写一个简单的表单构建器应该不会太难。我推荐 GWT,因为它真的很有趣,使用简单,并且可以解决浏览器之间的不兼容问题。

            以下是对每个表单/问题的可能输入的一些想法:

            • 单行(用于姓名等)
            • RichTextArea(类似于 FCKEditor)
            • 日历日期/时间
            • 多项选择(复选框)
            • 单选(列表选择器)

            每个输入都需要一个相应的问题或标签。这些需要在 Django 中的模型中处理,并在表单视图(和编辑器)中表示。

            我建议您查看how to embed a GWT application into existing templates/html 以及如何查看communicate between django and GWT using json

            希望这会有所帮助,

            【讨论】:

              【解决方案11】:

              如果你使用的是 JSF,你可以使用这个 formbuilder 组件:

              http://code.google.com/p/jsf-form-builder/

              这里有一个演示:

              http://www.reppe-itsolutions.at/jsf-form-builder/

              【讨论】:

                【解决方案12】:

                也许这不是正确的答案,但还是看看吧,太棒了: 您将一些非常清晰易读的代码放在 Java 服务器上,然后您将获得完整的 AJAX /Javascript 表单。 看看演示here
                我发誓这真的,真的太棒了。

                奥利维尔

                【讨论】:

                • 它看起来确实很棒,但也不是我想要的。
                猜你喜欢
                • 1970-01-01
                • 1970-01-01
                • 2010-10-11
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 2019-06-04
                • 1970-01-01
                相关资源
                最近更新 更多