私のフォームで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テンプレートを使用して作業するときにツールバーを取得する方法がわかりません。
ご協力いただきありがとうございます。
カスタムフォーム用に作成したフォームクラスのフィールドに独自のクラスを追加できます。または、HTMLのみを使用して独自のテキストエリアを作成します。 HTML要素の 'name'属性は、フォームクラスのフィールド名と同じに保つ必要があります。 –
@Sachin Kukreja。お時間をいただきありがとうございます。はい、私は今、フォームを変更して、どのようにボックスを設定することができます。残りの質問は、HTMLのテンプレートタグと、フォーム自体のCKEditorのツールバーです。私はリンクを追加しましたが、フォームはツールバーでは表示されません。空のテキストエディタです。 CDNバージョンのオプションはどこで指定しますか?ローカルのバージョンでは、settings.pyファイルにオプションを設定しても動作しますが、CDNバージョンでは動作しません。 –