web-dev-qa-db-ja.com

JavaScriptフォームビルダーの提案ですか?

使用しているサイトにフォームビルダーを統合したいのですが、探している機能の一部またはほとんどを備えたライブラリを見つけたいと思っています。

フォームを作成するためのすてきなGUIと、Djangoバックエンドで使用できるJSON(またはXMLなど)の出力を提供するライブラリを探しています。完成したフォームを出力するためにDjangoを使用することを計画しています。

私はこれをGoogle経由で実行してみましたが、フォームをオンラインで作成してホストすることでビジネスを営む企業しか得られません。しかし、ライブラリの形では何もありません。

助言がありますか?

27
Jack M.

あなたが少しの現金を使うことを気にしないなら、あなたは見ることができます:

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

フォームビルダー自体は完全にクライアント側のJSなので、出力(JSON)をphpスクリプトの代わりにDjango)に投稿するだけで済みます。

10
Matt

同じ要件があります

時間の経過とともにこの回答を更新しますが、bootstrap form builder(PHP))はいいようです

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

16
tomdemuyt

ポップアップされたばかりの新しいJSライブラリがあなたが探しているものかもしれません: http://dobtco.github.io/formbuilder/

プロジェクトページ: https://github.com/dobtco/formbuilder

8
James Broad

Djangoについてはまだ扱っていないため、これについてはわかりませんが、AlpacaJSを調べてみてください。 http://www.alpacajs.org/ =

5
Doug
5
Mikelangelo

そのような種類のアプリケーションを構築するには、素晴らしい ExtJSフレームワーク をお勧めします。ここに例があります。

ext/formbuilder

フォームパネルを追加してから、テキストボックスをドロップするなど、非常に簡単です。 Ext JS 2.2と3.0(まだ準備ができていません)はLGPLとGPLのライセンスを取得しており、商用サブスクリプションも利用できます。ぜひご覧ください。

4

SpiffForm はAppnitroに似ていますが、無料(AGPL)で、おそらくニーズに合っています。

パッチは歓迎します:-)。 (私は著者です。)

3
knipknap

Dojo JavaScriptツールキットを使用してドラッグアンドドロップフォームエディターを構築したGoogle Summer Of Codeプロジェクトが昨年ありました。私があなたが望むと思う機能の点でそれは完全なものではありません。

JSONに変換してネットワーク経由で送信できる形式を表すjavascriptオブジェクトをダンプします。

JavaScriptのスキルセットによっては、問題を先に進める必要があります。

デモはこちら: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

それに取り組んでいる人によるブログ投稿: http://www.dojotoolkit.org/blog/jbalogh

1
Jason

自分でプログラミングする準備ができているかどうかによります。どのくらいダイナミックにしたいですか?単純なフォームビルダーは、 [〜#〜] gwt [〜#〜]Dojo または your-favorite-jsを使用してプログラムするのはそれほど難しくないはずです。 -library そのルートに行きたい場合。 GWTはとても楽しく、使いやすく、ブラウザー間の非互換性を処理するので、GWTをお勧めします。

各フォーム/質問への可能な入力についてのいくつかの考えはここにあります:

  • 単一行(名前など)
  • RichTextArea(FCKEditorに類似)
  • カレンダーの日付/時刻
  • 複数の選択肢(チェックボックス)
  • 単一の選択肢(リストセレクター)

各入力には、対応する質問またはラベルが必要です。これらはDjangoのモデルで処理し、フォームビュー(およびエディター)でそのように表現する必要があります。

GWTアプリケーションを既存のtemplates/htmlに埋め込む方法 と、その方法 Djangoとjsonを使用してGWTの間で通信する を確認することをお勧めします

お役に立てれば、

0
hannson

私はあなたが欲しいものと全く同じものはないと思います。おそらく最も近いのは、FCKEditorやTinyMCEなどのリッチテキストエディターでしょう。これらのライブラリは、StackOverflowで質問を作成するために使用したUIに少し似ていますが、異なるFORM要素のツールバーボタンがある(または、ない場合は、簡単に自分で追加できる)点が異なります。

これらのエディターのいずれかに直面したユーザー(FORM要素のボタンを設定したと想定)は、基本的に技術的な知識がなくてもフォームをレイアウトできます。

ただし、リッチテキストエディターが機能しない場合、基本的にはjQuery UIライブラリー(私は主にDraggableサブライブラリーを考えています)のようなものを使用して独自のソリューションを構築しています。

0
machineghost

JSFを使用している場合、このformbuilderコンポーネントを使用できます。

http://code.google.com/p/jsf-form-b​​uilder/

デモはこちらから入手できます。

http://www.reppe-itsolutions.at/jsf-form-b​​uilder/

0
user3190139