一个JavaScript表单构建器的建议？

Question

我想要在我的网站中集成一个表单构建器，但希望找到一个具备我所需功能的库。

我需要一个可以提供良好GUI界面以构建表单，并且能够将结果输出为JSON（或XML等）格式以便我在django后台进行操作。我计划使用django来输出最终的表单。

我尝试过用谷歌搜索，但只得到了那些专门用于在线创建和托管表单的公司，没有找到相关的库。

有什么建议吗？

- Jack M.

---

给小模组们：这个应该被加入到维基百科中。 - tomdemuyt

Answer 1

我有同样的需求，

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

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

- tomdemuyt

---

演示的源链接是错误的。正确的链接应该是 https://github.com/minikomi/Bootstrap-Form-Builder。 - Akshay Rawat

@AkshayRawat 谢谢，已经修复了帖子，minikomi 在那里似乎仍然非常活跃。 - tomdemuyt

这个解决方案仅适用于Bootstrap 2。似乎他们从未更新项目以使用Bootstrap 3。它已经过时，不能再使用了。 - Matthew Goheen

Answer 2

如果您不介意花费一点资金，您可以查看：

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

表单构建器本身完全是客户端JS，因此您只需要将输出（JSON格式）发布到Django而不是他们的PHP脚本即可。

- Matt

---

感谢您的好建议，马特。我正在等待关于许可和类似问题的回复，但我认为您提供的建议非常符合我的需求。这些人需要一些SEO。 =-] - Jack M.

Answer 3

一款新的JS库最近出现了，也许正是你所需要的： http://dobtco.github.io/formbuilder/ 项目页面： https://github.com/dobtco/formbuilder

- James Broad

Answer 4

我还没有使用过Django，所以对此不能确定，但是你可能想要了解一下AlpacaJS：http://www.alpacajs.org/

- Doug

Answer 5

这里有一些相关的内容： http://code.google.com/p/jquery-form-builder-plugin/ https://github.com/stas/jquery.formbuilder 你还可以看看这些： http://wordpress.org/extend/plugins/visual-form-builder/ http://wordpress.org/extend/plugins/formbuilder/ http://wordpress.org/extend/plugins/form/

- Mikelangelo

Answer 6

我建议使用强大的ExtJS框架来构建此类应用程序。 以下是一个示例。 ext/formbuilder 添加一个表单面板，然后拖放一个文本框等等......非常简单。 Ext JS 2.2和3.0（尚未准备好）是LGPL和GPL许可证，您还可以获得商业订阅，我认为值得一看。

- Christophe Eblé

Answer 7

SpiffForm类似于Appnitro，但是是免费的（AGPL），也许它适合您的需求。

欢迎提交补丁:-)。（我是作者。）

- knipknap

---

感谢您发布答案！请务必仔细阅读有关自我推广的FAQ。还请注意，每次链接到您自己的网站/产品时，必须发布免责声明。 - Andrew Barber

Answer 8

去年有一個Google Summer Of Code項目，使用Dojo JavaScript工具包構建了一個拖放表單編輯器。就我所猜測的功能而言，它並不完全完成。

它會傾倒表示表單的JavaScript對象，您可以將其轉換為JSON以傳送到網路上。

取決於您的JavaScript技能水平，它應該會讓您在問題上有所幫助。

演示在這裡： http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

此人的博客文章： http://www.dojotoolkit.org/blog/jbalogh

- Jason

Answer 9

如果您正在使用JSF，您可以使用此表单构建器组件：

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

这里提供了一个演示：

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

- user3190139

Answer 10

我认为目前市面上没有完全符合你要求的东西；最接近的可能是像FCKEditor或TinyMCE这样的富文本编辑器。这些库有点像你在StackOverflow中编写问题时使用的UI，但它们具有不同FORM元素的工具栏按钮（如果没有，您可以轻松地自己添加）。

一个用户面对这些编辑器之一（假设您已经配置了它们以具有FORM元素的按钮），将能够在基本上没有技术知识的情况下布置表单。

然而，如果富文本编辑器对您不起作用，那么您基本上只能使用类似于jQuery UI库（我主要考虑Draggable子库）来构建自己的解决方案。

- machineghost