javascript - Django 表单上的 TinyMCE

Question

我正在尝试将 TinyMCE 富文本仅应用于使用 Django 生成的一种表单。但是，这样做后，它会在表单中插入另一个文本区域。我做错了什么？

编辑代码

        <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

您正在将编辑器添加到包装表单的 div。您需要将它添加到表单中的特定元素 - 输入和文本区域。这些由 TinyMCE.init() 函数中的 elements 选项的值标识。

看customising the form template ，并将您的 mceEditor 类添加到您想要的元素。

或者，您可以编写一些 javascript 来插入该类，并将其放在您当前的 js 之前。有点像 -

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

(您需要更改模板 -

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

所以 jquery 选择器可以工作。显然，您需要确定您真正希望编辑器处理哪些字段)。