1

我正在尝试将 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",
                });
            })
        })
4

1 回答 1

2

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

查看自定义表单模板，并将您的mceEditor类添加到您想要的元素中。

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

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

（您需要更改模板 -

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

所以 jquery 选择器工作。显然，您需要确定您真正想要编辑器的字段）。

于 2013-01-11T07:25:38.640 回答