2012-01-23 97 views
1

我已經將tinymce表單嵌入到django應用程序中。我遵循一些在線教程,它的基本默認設置工作正常。唯一的問題是錫球形狀看起來並不像我想要的那樣。所以我添加了一些javascript來添加更多按鈕,將它們移動到tinymce區域的頂部。TinyMCE:格式化我的tinymce編輯器殺死django功能

當我在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> 

上面的代碼工作,直到我添加以下JavaScript來格式化我的TinyMCE的編輯器。

<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的看法,而我得到的原始內容減去任何新的編輯。

這裏可能會發生什麼?我該如何解決它?


經過多次試驗和錯誤,這裏是解決方案。不要將腳本放在網頁的頂部來格式化tinymce元素。而是建立一個格式化小部件的特殊小部件。即使認爲劇本是相同的,它也會對django如何解釋該領域產生影響。

+0

我不明白你有什麼改變後,你有它的工作,有什麼區別 – Thariama

+0

我只是將JavaScript添加到我的HTML文件的頂部。沒有JavaScript,它工作正常。用JavaScript它不起作用。我不明白如何添加該塊的JavaScript打破了Django的功能? – codingJoe

回答

1

經過多次試驗和錯誤,這裏是解決方案。不要將腳本放在網頁的頂部來格式化tinymce元素。而是建立一個格式化小部件的特殊小部件。即使認爲劇本是相同的,它也會對django如何解釋該領域產生影響。

+0

+1有用的信息 – Thariama