Изменить фон 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:

myJavascript:

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

myCss.css:

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

config.js из папки ckEditor:

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 и событие change для динамического изменения фона (style.background = color).

Answer 4

Используйте плагин Firebug на FF или инструменты разработчика Chrome, чтобы найти правильный элемент стиля.