2017-08-08 17 views
0

私のフォームでCkeditorのテキストボックスをカスタマイズする方法を理解しようとしています。私はCKeditorをローカルにインストールしており、ローカルで実行するとうまく動作します。私はCDNからそれを実行しようとすると、私はどのように私のテキストエリアをカスタマイズするのか分からない。それはCDNを使ってうまく表示されますが、それはテキストエリアだけであり、テキストエリアの機能はありません。私は最後の2日間は答えを探していましたが、何も動かないようです。私のHTMLフォームは次のようになります。私は私のアプリを実行するとCkeditor - Django

<div class="spacer1"> 
    <label class="label6">Roster</label> 
    <textarea class="bushes"> 
    {{ form.procedure }} 
    </textarea> 

が、それだけで私のテキストエリアでのジャンゴ - CKEditorバージョンウィジェットのHTMLを示しています。以下に示すよう:

<div class="django-ckeditor-widget" data-field-id="id_procedure" style="display: inline-block;"> 
    <textarea cols="40" id="id_procedure" maxlength="2000" name="procedure" rows="10" required data-processed="0" data-config="{"skin": "moono-lisa", "toolbar_Basic": [["Source", "-", "Bold", "Italic"]], "toolbar_Full": [["Styles", "Format", "Bold", "Italic", "Underline", "Strike", "SpellChecker", "Undo", "Redo"], ["Link", "Unlink", "Anchor"], ["Image", "Flash", "Table", "HorizontalRule"], ["TextColor", "BGColor"], ["Smiley", "SpecialChar"], ["Source"]], "toolbar": "Full", "height": 291, "width": 835, "filebrowserWindowWidth": 940, "filebrowserWindowHeight": 725, "language": "en-us"}" data-external-plugin-resources="[]" data-id="id_procedure" data-type="ckeditortype"> 

私はform.as_pとしての私のHTMLでフォームを表示しようとした場合、私は私のDjangoのフォームのこの部分をカスタマイズしようとすると、それは、正常に動作し、それが動作しません。私はデフォルトのform.as_pディスプレイのファンではない、私はフォームの外観をカスタマイズできるようにする必要があります。私も{{form.procedure | safe | escape}}をしようとしましたが、役に立たない。 CDNからCKEditorを実行しようとしていますが、これは自分のラップトップでローカルに実行されている場合よりも高速にロードされているようです。

実行可能な他の方法がある場合は、Ckeditorにローカルで高速に読み込ませることができます。または、CDNから実行することもできますが、CDNまたはDjangoテンプレートを使用して作業するときにツールバーを取得する方法がわかりません。

ご協力いただきありがとうございます。

+0

カスタムフォーム用に作成したフォームクラスのフィールドに独自のクラスを追加できます。または、HTMLのみを使用して独自のテキストエリアを作成します。 HTML要素の 'name'属性は、フォームクラスのフィールド名と同じに保つ必要があります。 –

+0

@Sachin Kukreja。お時間をいただきありがとうございます。はい、私は今、フォームを変更して、どのようにボックスを設定することができます。残りの質問は、HTMLのテンプレートタグと、フォーム自体のCKEditorのツールバーです。私はリンクを追加しましたが、フォームはツールバーでは表示されません。空のテキストエディタです。 CDNバージョンのオプションはどこで指定しますか?ローカルのバージョンでは、settings.pyファイルにオプションを設定しても動作しますが、CDNバージョンでは動作しません。 –

答えて

0

多くの試行錯誤の後、私はテキストエリア内の{{form.procedure}}参照が、すべてのHTMLソースコードをテキストエリアに表示していたと判断できました。最終的には、私が望む構成を動作させるために使用していたdjango-ckeditorプログラムに戻す必要があると判断しました。将来のGoogle社員のために、最終的にDjangoの外でネイティブHTMLコードを実行してトラブルシューティングを試みることで、トラブルシューティングを手助けすることができました。私はCkeditor用のいくつかの相反するソースライブラリを持っていました。そして、私はdjangoのテンプレートリファレンスが私にいくつかの悲しみを引き起こしていると判断したとき、私はすべてを並べ替えることができました。