html - 更改ckeditor的背景？

Question

如何更改用户键入文本的 CKEditor 的背景颜色？我需要动态执行此操作，但找不到需要更改的元素。知道如何定位它吗？

Answer 1

您可以尝试：

CKEDITOR.instances.editor1.document.getBody().setStyle('background-color', 'red');

编辑器的实例在哪里CKEDITOR.instances.editor1- 你可以在这里进行测试，例如：http: //ckeditor.com/demo

Answer 2

使用“myCss.css”文件进行更改：

我的Javascript：

CKEDITOR.document.$.body.className+=' nameofClass ';

myCss.css：

.nameofClass{
    background-color: 'blue';
}

ckEditor 文件夹的 config.js：

config.contentsCss = '/path/myCss.css';

Answer 3

如果您想通过更改或单击事件来更改它：

<textarea id="content" class="main_editor" name="content"></textarea>
<input type="button" class="default-text" value="White" data-value="#ff0000" />

<script>
editor = CKEDITOR.replace("content");
$(document).on("click", ".default-text" , function(e) {
    var color = $(this).data('value');
    editor.document.$.childNodes[1].childNodes[1].style.color = color;
    editor.focus();
});
</script>

我使用 jquery mini colors 和 change 事件来动态更改背景（style.background = color）。

Answer 4

使用 FF 上的 Firebug 插件或 Chrome 的开发者工具来找到正确的元素来设置样式。