Des Suggestions pour un JavaScript form builder?
Je suis à la recherche à intégrer un générateur de formulaire dans un site que j'utilise, mais je suis l'espoir de trouver une bibliothèque qui a certains ou la plupart des fonctionnalités que je suis à la recherche d'.
Je suis à la recherche d'une librairie qui va me donner une belle interface graphique pour la création du formulaire, et un JSON (ou XML, ou similaire) de sortie que je peux jouer avec dans le django backend. Je suis à la planification de l'utilisation de django à la sortie de la forme finie.
J'ai essayé de courir ce par le biais de Google, mais que seuls les rendements des entreprises qui font des affaires hors de création et d'hébergement de formulaires en ligne. Mais rien dans la forme d'une bibliothèque.
Des suggestions?
- À la minimods: ce devrait être wikified.
Vous devez vous connecter pour publier un commentaire.
Si vous n'avez pas de dépenser un peu d'argent, vous pouvez regarder:
Machforms : http://www.appnitro.com/
Le générateur de formulaire lui-même est entièrement JS côté client, donc vous suffit de poster à la sortie (ce qui est JSON) pour django au lieu de leur script php.
J'ai la même exigence,
Je mettrai à jour cette réponse dans le temps, mais bootstrap générateur de formulaire ( PHP ) semble bien
https://github.com/minikomi/Bootstrap-Form-Builder
démonstration : http://minikomi.github.io/Bootstrap-Form-Builder/
Une nouvelle bibliothèque JS c'est juste sauté vers le haut peut-être ce que vous cherchez: http://dobtco.github.io/formbuilder/
Page du projet: https://github.com/dobtco/formbuilder
Voici quelques-unes:
http://code.google.com/p/jquery-form-builder-plugin/
https://github.com/stas/jquery.formbuilder
vous pouvez consulter également:
http://wordpress.org/extend/plugins/visual-form-builder/
http://wordpress.org/extend/plugins/formbuilder/
http://wordpress.org/extend/plugins/form/
N'est pas sûr du Django pièce, puisque je n'ai pas travaillé avec, mais vous aimeriez peut-être AlpacaJS: http://www.alpacajs.org/
Je recommanderais le génial Framework ExtJS pour construire ce genre de demande.
Voici un exemple.
ext/formbuilder
Ajouter un panneau de formulaire, puis déposez une zone de texte et ainsi de suite...mort simple.
Ext JS 2.2 et 3.0 (pas encore prêt) sont LGPL et GPL la licence, vous devez également commercial abonnements disponibles, je pense qu'il vaut la peine de regarder.
SpiffForm est similaire à Appnitro, mais libre (AGPL), peut-être qu'il s'adapte à vos besoins.
Patchs bienvenue :-). (Je suis l'auteur.)
Il y avait un google Summer Of Code " projet de l'année dernière qui a construit un glisser-déposer éditeur de formulaire en utilisant le JavaScript Dojo toolkit. Ce n'est pas complète à 100% en termes de fonctionnalité, je devine que vous voulez.
Il ne le dump d'un objet javascript représentant la forme que vous pouvez convertir en JSON à envoyer sur le fil.
En fonction JavaScript de votre ensemble de compétences, il devrait vous donner une longueur d'avance sur le problème.
La démo est ici:
http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html
Billets de Blog par la personne qui travaille sur elle:
http://www.dojotoolkit.org/blog/jbalogh
Je ne pense pas qu'il y a quelque chose exactement comme ce que vous voulez, et probablement le plus proche serait un riche éditeur de texte tel que FCKEditor ou TinyMCE. Ces bibliothèques sont un peu comme l'INTERFACE utilisateur que vous avez utilisé pour écrire votre question sur StackOverflow, sauf qu'ils ont des boutons de barre d'outils pour les différents éléments de FORMULAIRE (ou si elles ne le font pas, vous pouvez facilement les ajouter vous-mêmes).
Un utilisateur confronté à l'une de ces éditeurs (en supposant que vous avais configuré pour avoir des boutons pour les éléments de FORMULAIRE) serait en mesure de déposer un formulaire avec pratiquement aucune connaissance technique.
Toutefois, si un riche éditeur de texte ne fonctionne pas pour vous, alors vous êtes tout simplement bloqués avec l'aide de quelque chose comme la bibliothèque jQuery UI (je pense principalement de la Déplaçable sous-bibliothèque) pour construire votre propre solution.
Cela dépend si vous êtes prêt à le programmer vous-même. Dynamique comment voulez-vous qu'il? Un simple générateur de formulaire ne devrait pas être trop dur à programmer à l'aide GWT, Dojo ou votre favori-js-bibliothèque si vous voulez aller dans cette voie. Je le recommande GWT parce que c'est vraiment amusant, simple à utiliser et prend en charge les incompatibilités entre navigateurs.
Voici quelques idées pour les entrées possibles pour chaque forme/question:
Chaque entrée a besoin d'un correspondant à la question, ou une étiquette. Ces le besoin d'être traités dans votre Modèle dans Django, et représentée en tant que telle dans les formes de la vue (et l'éditeur).
Je vous recommande de vérifier comment intégrer une application GWT dans les modèles existants/html et comment vous pouvez communiquer entre django et GWT à l'aide de json
Espère que cette aide,
Je vous en utilisant JSF, vous pouvez utiliser cette formbuilder composant:
http://code.google.com/p/jsf-form-builder/
Une démo est disponible ici:
http://www.reppe-itsolutions.at/jsf-form-builder/
Peut-être que ce n'est pas la bonne réponse, mais de prendre un coup d'oeil de toute façon, c'est génial :
vous en avez mis très clair et simple à lire code Java server et vous obtenez un full AJAX /Javascript forme.
Il suffit de prendre un coup d'oeil à la démo ici.
Je vous jure que c'est vraiment, vraiment génial.
Olivier