TinyMCE：格式化我的tinymce编辑器会杀死django功能

Question

我已将tinymce 表单嵌入到django 应用程序中。我遵循了一些在线教程，它在基本默认设置下运行良好。唯一的问题是tinymce 表单看起来不像我想要的那样。因此，我添加了一些 javascript 来添加更多按钮，将它们移动到 tinymce 区域的顶部。

当我添加 javascript 时，表单不起作用。也就是说，当我单击“保存”按钮时，我的新编辑不会传输回服务器。

以下呈现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 解释该字段的方式产生影响。

Answer 1

经过多次尝试和错误，这是解决方案。不要将脚本放在网页顶部来格式化tinymce元素。相反，构建一个特殊的小部件来格式化小部件。即使脚本是相同的，它也会对 django 解释该字段的方式产生影响。

Answer 2

尝试这个而不是使用 {{ form.content}}：

{{ form.content|safe }}

希望它有帮助。