Sugerencias para un creador de formularios JavaScript

Question

Estoy buscando integrar un generador de formularios en un sitio que estoy usando, pero espero encontrar una biblioteca que tenga alguna o la mayor parte de la funcionalidad que estoy buscando.

Estoy buscando una biblioteca que me proporcione una buena GUI para compilar el formulario, y una salida JSON (o XML, o similar) con la que pueda jugar en el backend django. Estoy planeando usar django para enviar el formulario terminado.

Intenté ejecutar esto a través de Google, pero eso solo da lugar a que las empresas que hacen un negocio creen y alojen los formularios en línea. Pero nada en la forma de una biblioteca.

¿Alguna sugerencia?

Answer 1

Si no te importa gastar un poco de dinero en efectivo se puede ver en:

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

El creador de formularios en sí es totalmente JS del lado del cliente, por lo que solo tendría que publicar el resultado (que es JSON) en django en lugar de su script php.

Answer 2

Tal vez esto no es la respuesta correcta, pero un vistazo de todas formas, es impresionante: poner un poco muy clara y fácil de leer código en Java - servidor y se obtiene una forma completa AJAX/Javascript. Solo echa un vistazo a la demo here.
Juro que es realmente, realmente impresionante.

Olivier

Answer 3

No creo que haya nada exactamente igual que lo que quiere por ahí; probablemente el más cercano sea un editor de texto enriquecido como FCKEditor o TinyMCE. Estas bibliotecas son un poco como la interfaz de usuario que usó para escribir su pregunta en StackOverflow, excepto que tienen botones de la barra de herramientas para los diferentes elementos del FORMULARIO (o si no lo hacen, puede agregarlos fácilmente).

Un usuario enfrentado con uno de estos editores (suponiendo que lo haya configurado para tener botones para los elementos de FORMULARIO) podría diseñar un formulario sin básicamente conocimiento técnico.

Sin embargo, si un editor de texto enriquecido no funciona para usted, básicamente está atrapado con el uso de algo así como la biblioteca de jQuery UI (estoy pensando principalmente en la sub-biblioteca Draggable) para construir su propia solución .

Answer 4

Hubo un proyecto de Google Summer Of Code el año pasado que creó un editor de formulario de arrastrar y soltar utilizando el kit de herramientas JavaScript de Dojo. No está 100% completo en términos de la funcionalidad que supongo que querrías.

Vacia un objeto javascript que representa el formulario que puede convertir a JSON para enviar a través del cable.

Dependiendo de su conjunto de habilidades de JavaScript debería darle una ventaja sobre el problema.

La demo está aquí: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

Mensajes de blog de la persona que trabaja en él: http://www.dojotoolkit.org/blog/jbalogh

Answer 5

Depende de si está listo para programar usted mismo. ¿Qué tan dinámico lo quieres? Un creador de formulario simple no debería ser demasiado difícil de programar usando GWT, Dojo o your-favorite-js-library si desea seguir esa ruta. Recomiendo GWT porque es muy divertido, simple de usar y se encarga de las incompatibilidades entre los navegadores.

Aquí están algunas ideas para posibles entradas a cada formulario/pregunta:

• sola línea (para los nombres, etc.)
• RichTextArea (similares a FCKEditor)
• fecha Calendario/hora
• Múltiples Las opciones (casilla de verificación)
• opciones individuales (selector de la lista)

Cada entrada necesita una pregunta correspondiente, o una etiqueta. Estos deben ser manejados en su Modelo en Django, y representados como tales en la vista de formularios (y el editor).

recomiendo que echa un vistazo how to embed a GWT application into existing templates/html y cómo se puede communicate between django and GWT using json

Espero que esto ayude,

Answer 6

Recomendaría el impresionante ExtJS framework para construir ese tipo de aplicación. Aquí hay un ejemplo.

ext/formbuilder

Añadir un panel de formato, a continuación, colocar un cuadro de texto y así sucesivamente ... simple muertos. Ext JS 2.2 y 3.0 (aún no están listos) tienen licencia LGPL y licencia GPL, también tiene suscripciones comerciales disponibles, creo que vale la pena echarle un vistazo.

Answer 7

Éstos son algunos:

http://code.google.com/p/jquery-form-builder-plugin/

https://github.com/stas/jquery.formbuilder

que también podría buscar en:

http://wordpress.org/extend/plugins/visual-form-builder/

http://wordpress.org/extend/plugins/formbuilder/

http://wordpress.org/extend/plugins/form/

Answer 8

tengo el mismo requisito,

Voy a actualizar esta respuesta con el tiempo, pero la forma de arranque constructor (PHP) parece agradable

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

Answer 9

SpiffForm es similar a Appnitro , pero gratis (AGPL), tal vez se ajuste a tus necesidades.

Parches bienvenida :-). (Yo soy el autor.)

Answer 10

Una nueva biblioteca de JS que se acaba de hacer estallar hasta podría ser lo que estás buscando: http://dobtco.github.io/formbuilder/

página Proyecto: https://github.com/dobtco/formbuilder

Answer 11

que usted está usando JSF podría utilizar este componente FormBuilder:

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

Una demo está disponible aquí:

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

Answer 12

No estoy seguro sobre la pieza de Django ya que no he trabajado con eso todavía, pero es posible que desee ver en AlpacaJS: http://www.alpacajs.org/