Suggerimenti per un generatore di moduli JavaScript?

Question

Sto cercando di integrare un generatore di moduli in un sito che sto utilizzando, ma spero di trovare una libreria con alcune o la maggior parte delle funzionalità che sto cercando.

Sto cercando una libreria che mi fornirà una buona GUI per la compilazione del modulo e un'uscita JSON (o XML o simile) con cui posso giocare nel backend . Sto pensando di usare django per stampare il modulo finito.

Ho provato a eseguire questo tramite Google, ma questo produce solo aziende che creano un'attività di creare e ospitare i moduli online. Ma niente nella forma di una biblioteca.

Qualche suggerimento?

Answer 1

Se non vi dispiace spendere un po 'di soldi si può guardare:

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

Il form builder è interamente JS lato client, quindi è sufficiente pubblicare l'output (che è JSON) su django anziché sul proprio script php.

Answer 2

Forse questa non è la risposta giusta, ma un'occhiata in ogni caso, è impressionante: si mette alcuni molto chiaro e semplice da leggere codice su un Java - server e si ottiene una forma piena AJAX/Javascript. Basta dare un'occhiata alla demo here.
Giuro che è davvero, davvero fantastico.

Olivier

Answer 3

Non credo che ci sia qualcosa di esattamente come quello che si vuole là fuori; probabilmente il più vicino sarebbe un editor di testo ricco come FCKEditor o TinyMCE. Queste librerie sono un po 'come l'interfaccia utente che hai usato per scrivere la tua domanda in StackOverflow, tranne per il fatto che hanno i pulsanti della barra degli strumenti per i diversi elementi FORM (o se non lo fanno, puoi aggiungerli facilmente).

Un utente di fronte a uno di questi editor (presumendo che lo aveste configurato per disporre di pulsanti per gli elementi FORM) sarebbe in grado di creare un modulo con fondamentalmente nessuna conoscenza tecnica.

Tuttavia, se un editor di testo avanzato non funziona per te, in pratica sei bloccato con l'utilizzo di qualcosa come la libreria dell'interfaccia utente jQuery (sto pensando principalmente alla libreria secondaria trascinabile) per creare la tua soluzione .

Answer 4

C'è stato un progetto Google Summer Of Code lo scorso anno che ha creato un editor di moduli drag and drop utilizzando il toolkit Dojo JavaScript. Non è completo al 100% in termini di funzionalità che suppongo tu voglia.

Fa il dump di un oggetto JavaScript che rappresenta la forma che è possibile convertire in JSON per inviare oltre il filo.

A seconda del set di abilità JavaScript, dovrebbe darti un vantaggio sul problema.

La demo è qui: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

sul blog i messaggi della persona che lavora su di esso: http://www.dojotoolkit.org/blog/jbalogh

Answer 5

Dipende da se si è pronti per programmare da soli. Quanto dinamico lo vuoi? Un semplice generatore di forma non dovrebbe essere troppo difficile da programmare utilizzando GWT, Dojo o your-favorite-js-library se si vuole seguire questa strada. Mi consiglia di GWT, perché è davvero divertente, semplice da usare e si prende cura delle incompatibilità tra browser.

Ecco alcuni pensieri per possibili ingressi a ogni modulo/domanda:

• linea singola (per i nomi ecc)
• RichTextArea (simili a FCKEditor)
• data del calendario/ora
• multipli scelte (checkbox)
• scelte singole (selettore lista)

Ogni input richiede una domanda corrispondente o un'etichetta. Questi devono essere gestiti nel tuo modello in Django e rappresentati come tali nella vista moduli (e nell'editor).

vi consiglio di controllare il how to embed a GWT application into existing templates/html e come si può communicate between django and GWT using json

Spero che questo aiuti,

Answer 6

Vorrei raccomandare il fantastico ExtJS framework per creare questo tipo di applicazione. Ecco un esempio.

ext/formbuilder

Aggiungi un pannello formato, quindi cadere una casella di testo e così via ... morto semplice. Ext JS 2.2 e 3.0 (non ancora pronti) sono concessi in licenza LGPL e GPL, sono disponibili anche abbonamenti commerciali, penso valga la pena dargli un'occhiata.

Answer 7

Ecco alcuni:

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

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

si potrebbe anche guardare:

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

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

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

Answer 8

Ho lo stesso requisito,

Voglio aggiornare questa risposta nel tempo, ma sotto forma di bootstrap builder (PHP) sembra bello

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

Answer 9

SpiffForm è simile a Appnitro , ma gratuito (AGPL), forse adatto alle tue esigenze.

Patches welcome :-). (Io sono l'autore.)

Answer 10

Una nuova libreria JS che è appena spuntato potrebbe essere quello che stai cercando: http://dobtco.github.io/formbuilder/

pagina del progetto: https://github.com/dobtco/formbuilder

Answer 11

mi si utilizza JSF è possibile utilizzare questo componente FormBuilder:

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

Una demo è disponibile qui:

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

Answer 12

Non sono sicuro circa il pezzo Django visto che non ho ancora lavorato con quello, ma si consiglia di guardare in AlpacaJS: http://www.alpacajs.org/