2012-01-23 100 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