Django表單上的TinyMCE

Question

我想將TinyMCE豐富文本應用於只有一個使用Django生成的表單。一旦這樣做，它會在表單中插入另一個textarea。我究竟做錯了什麼？

編輯的代碼

 <p><div id="AnswerBox">{{ form.as_p }}</div></p> 

     $('.answers').load(url, function() { 
      $('#AnswerBox').addClass('mceEditor', 
       function() {tinyMCE.init({ 
        theme : "advanced", 
        mode : "specific_textareas", 
        editor_selector : "AnswerBox", 
        elements: "AnswerBox", 
        plugins : "fullpage", 
        theme_advanced_buttons3_add : "fullpage", 
       }); 
      }) 
     }) 

Answer 1

您要添加的編輯器，它包裝形式股利。您需要將其添加到表單中的特定元素 - 輸入和文本區域。這些由TinyMCE.init()函數中的elements選項的值標識。

看customising the form template，並添加您mceEditor類到你想要的元素。

或者你可以寫一些JavaScript插入類，以及當前的js前放置。喜歡的東西 -

$('#yourForm textarea').addClass('mceEditor'); 

（你需要改變你的模板 -

<p><div id="yourForm">{{ form.as_p }}</div></p> 

所以jQuery選擇工作顯然，你需要確定哪些領域你真正想要的編輯器）。