Vorschläge für einen JavaScript-Formular-Builder? [geschlossen]

StackOverflow https://stackoverflow.com/questions/879414

  •  22-08-2019
  •  | 
  •  

Frage

Ich suche einen Formular-Builder in eine Website zu integrieren Ich verwende, aber ich bin der Hoffnung, eine Bibliothek zu finden, die einige oder die meisten Funktionen, die ich suche hat.

Ich suche eine Bibliothek, die mir eine nette GUI für den Aufbau der Form geben, und JSON (oder XML, oder ähnliches) ausgegeben, die mich mit im django Backend spielen kann. Ich plane django zur Ausgabe des fertigen Form zu verwenden.

Ich habe versucht, dies durch Google laufen, aber dass nur liefert Unternehmen, die ein Geschäft machen aus der Erstellung und die Formulare Online-Hosting. Aber nichts in Form einer Bibliothek.

Irgendwelche Vorschläge?

War es hilfreich?

Lösung

Wenn Sie sich nicht kümmern, ein wenig Geld ausgeben Sie betrachten können:

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

Die Formular-Builder selbst sind völlig Client-Seite JS, so dass Sie nur die Ausgabe (die JSON) benötigen würden zu schreiben, anstatt ihr PHP-Skript django.

Andere Tipps

Ich habe die gleiche Anforderung,

Ich werde diese Antwort im Laufe der Zeit aktualisieren, aber Bootstrap-Formular-Builder (PHP) scheint nett

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

Eine neue JS-Bibliothek, die oben gerade geknallt ist vielleicht das, was Sie suchen: http: //dobtco.github .io / Formbuilder /

Projekt Seite: https://github.com/dobtco/formbuilder

Nicht sicher über das Django Stück da ich damit noch nicht gearbeitet haben, aber Sie können in AlpacaJS aussehen wollen: http://www.alpacajs.org/

würde ich das ehrfürchtige ExtJS Rahmen empfehlen diese Art von Anwendung zu erstellen. Hier ist ein Beispiel.

ext / Formbuilder

Fügen Sie ein Formular-Panel, dann ein Textfeld fallen und so weiter ... tot einfach. Ext JS 2.2 und 3.0 (noch nicht fertig) sind LGPL und GPL, Sie haben auch kommerzielle Abonnements zur Verfügung, ich denke, es lohnt sich, einen Blick darauf zu haben.

SpiffForm ist ähnlich Appnitro, aber frei (AGPL), vielleicht passt es Ihren Bedürfnissen.

Patches willkommen :-). (Ich bin der Autor.)

Es war ein Google Summer of Code-Projekt im vergangenen Jahr, die eine Drag gebaut und Formular-Editor Drop den Dojo JavaScript-Toolkit verwenden. Es ist nicht 100% vollständig in Bezug auf die Funktionalität Ich vermute, Sie würden wollen.

Es hat eine Javascript-Objekt-Dump die Form darstellt, die Sie zu JSON umwandeln können den Draht senden über.

Je nach Geschick JavaScript setzen es sollte Ihnen einen Kopf auf das Problem starten.

Die Demo ist hier: http://jbalogh.dojotoolkit.org/dojo-svn/ release / Dojo / scc / test.html

Blog-Artikel von der Person, daran zu arbeiten: http://www.dojotoolkit.org/blog/jbalogh

Ich glaube nicht, es ist alles genau wie das, was Sie wollen da draußen; wahrscheinlich würde in der Nähe ein Rich-Text-Editor wie FCKEditor oder TinyMCE sein. Diese Bibliotheken sind ein bisschen wie die UI Sie Ihr Frage in Stackoverflow zu schreiben, mit der Ausnahme, dass sie Symbolleisten-Schaltflächen für die verschiedenen Formelemente (oder, wenn sie es nicht tun, können Sie es sich leicht hinzufügen).

Ein Benutzer mit einem dieser Editoren konfrontiert (vorausgesetzt, Sie es so konfiguriert war Tasten für Formularelemente haben) wäre in der Lage ein Formular mit grundsätzlich keine technischen Kenntnisse zu legen.

Wenn jedoch ein Rich-Text-Editor nicht für Sie arbeitet, dann sind Sie im Grunde mit der Verwendung von so etwas wie die jQuery UI-Bibliothek (ich denke in erster Linie von der Ziehbare Unterbibliothek) stecken Sie Ihre eigene Lösung zu erstellen.

Es hängt davon ab, ob Sie bereit sind, es selbst zu programmieren. Wie dynamisch wollen Sie es? Eine einfache Form Builder sollte nicht zu schwer sein, zu programmieren mit GWT , Dojo oder Ihre -favorite-js-Bibliothek wenn Sie diesen Weg zu gehen. Ich würde GWT empfehlen, weil es wirklich Spaß, einfach zu bedienen und kümmert sich um die Unvereinbarkeiten zwischen den Browsern.

Hier sind einige Gedanken für mögliche Eingaben zu jedem Formular / Frage:

  • Single Linie (für Namen usw.)
  • Richtext (ähnlich FCKEditor)
  • Kalender Datum / Uhrzeit
  • Mehrfachauswahl (Checkbox)
  • Single Auswahl (Liste Selektor)

Jeder Eingang muss eine entsprechende Frage, oder ein Etikett. Diese müssen in Ihrem Modell in Django behandelt werden, und repräsentiert als solche in der Form Ansicht (und den Editor).

Ich empfehle Ihnen, Check-out wie eine GWT-Anwendung in bestehende Vorlagen einbetten / html und wie Sie Kommunikation zwischen django und GWT Verwendung json

Hope, das hilft,

ich Sie JSF verwenden können Sie diese Komponente verwenden Formbuilder:

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

Eine Demo finden Sie hier:

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

Vielleicht ist das nicht die richtige Antwort, aber trotzdem einen Blick darauf werfen, es ist genial: Sie setzen einige sehr klar und einfach zu lesen Code auf einem Java - Server und Sie eine vollständige AJAX / Javascript Form erhalten. Werfen Sie einen Blick auf die Demo hier .
Ich schwöre, es ist wirklich, wirklich genial.

Olivier

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top