TinyMCE：私のtinymceエディタを書式設定するとdjangoの機能が無効になる

Question

私はdjangoアプリケーションにtinymce形式を埋め込んでいます。私はいくつかのオンラインチュートリアルに続き、基本的なデフォルト設定でうまくいきました。唯一の問題は、錫の形が私の望むように見えなかったことでした。だから私はいくつかのjavascriptを追加してボタンを追加して、それらをtinymce領域の先頭に移動させました。

JavaScriptを追加するとフォームが機能しません。それはSAVEボタンをクリックしたときに私の新しい編集内容がサーバーに返送されないということです。

以下はTinyMCEのフォームをレンダリング：

<form action="/edit_document/{{ current_doc.id }}/" method="post">{% csrf_token %} 
    Name: {{ form.name }} <p> 
    {{ form.content }} 
    <input type="submit" value="SAVE" /> 
</form> 

私はTinyMCEのエディタをフォーマットするには、以下のJavaScriptを追加するまで、上記のコードは動作します。今、何が起こる

<script type="text/javascript"> tinyMCE.init({ 
    mode: "textareas", 
    theme: "advanced", 
    plugins: "advhr,table,emotions,media,insertdatetime,directionality", 
    theme_advanced_toolbar_align: "left", 
    theme_advanced_toolbar_location: "top", 
    theme_advanced_buttons1:"bold,italic,underline,strikethrough,sub,sup,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,formatselect,fontselect,fontsizeselect", 
    theme_advanced_buttons2:"bullist,numlist,outdent,indent,ltr,rtl,separator,link,unlink,anchor,image,separator,table,insertdate,inserttime,advhr,emotions,media,charmap,separator,undo,redo", 
    theme_advanced_buttons3: "", 
    content_css: "images/style.css", 
    height: "350px", 
    width: "653px" 
    }); 
</script> 

ではなく、私はオリジナルのコンテンツマイナス新たな編集を取得し、form.contentはDjangoのビューに戻されていないということです。

ここで何が起こっている可能性がありますか？どうすれば修正できますか？

---

多くの試行錯誤の末、解決策があります。スクリプトをWebページの上部に置いて、要素をフォーマットしないでください。代わりに、ウィジェットをフォーマットする特別なウィジェットを構築します。たとえスクリプトが同じであっても、ジャンゴがそのフィールドをどのように解釈するのかが違います。

Answer 1

多くの試行錯誤の末、ここに解決策があります。スクリプトをWebページの上部に置いて、要素をフォーマットしないでください。代わりに、ウィジェットをフォーマットする特別なウィジェットを構築します。たとえスクリプトが同じであっても、ジャンゴがそのフィールドをどのように解釈するのかが違います。