Как изменить фон TinyMCE?

Ответ 1

Или вы можете изменить цвет с помощью js:

tinyMCE.init(
        mode : "textareas",
        theme : "simple",
        oninit : "postInitWork"
    });

function postInitWork()
{
  var editor = tinyMCE.getInstanceById('myEditorid');
  editor.getBody().style.backgroundColor = "#FFFF66";
}

Ответ 2

Я настоятельно рекомендую вам использовать конфигурацию tinymce, чтобы влиять на стили в tinymce, вместо того, чтобы возиться с основными файлами css.

Существует параметр content_css, который позволяет указать файл ccs, который перезапишет поведение по умолчанию (css). Это путь. Вы можете использовать css из других предоставленных ответов.

Ответ 3

Добавить BODY_CLASS Для инициализации:

<script type="text/javascript">
tinyMCE.init({
    mode: "textareas",
    theme: "advanced",
    theme_advanced_buttons1: "bold,italic,underline",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_default_foreground_color: "#FFFFFF",
    body_class: "mceBlackBody"
});
</script>

Внутри content.css правильной темы просто добавьте следующую запись:

body.mceBlackBody {background:#000; color:#fff;}

Это сделает тело черным и текст белым в редакторе

Ответ 4

TinyMCE, вероятно, использует основную таблицу стилей вашего сайта. И в этом случае это с серым текстом на черном фоне.

Все, что вам нужно сделать, это добавить этот стиль в свою основную таблицу стилей:

body.mceContentBody { 
   background: #fff; 
   color:#000;
}

И затем жестко очистите кэш или перезапустите сеанс, чтобы TinyMCE загрузил новый CSS. И тогда ваша область редактирования теперь покажет черный текст (#000) на белой подложке (#fff).

Ответ 5

Добавление следующего кода в таблицу стилей темы отлично работало!

body.mceContentBody { 
   background: #fff; 
   color:#000;
}

Я вытягивал свои волосы на этом - и поверьте мне, у меня нет никаких волос.:-) Спасибо!

Ответ 6

http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/editor_css

Не зная специфики конфигурации вашего сайта, я собираюсь предположить, что он пытается загрузить некоторые файлы css. Просмотрите документы конфигурации. Возможно, вам придется добавить или изменить некоторый CSS (если он уже загружает некоторые).

Ответ 7

В один и тот же вопрос возникла минута назад, и выяснилось, что моя проблема вызвана тем, что скин (cirkuit) имеет !important; взломать это письмо.

html, body {
    background: #FFFFFF !important;
    margin: 0;
    padding: 0;
}

Ответ 8

Я бы предложил вам изменить файл css content.min.css, расположенный в вашем каталоге тем. Измените определение

body{background-color:#595345;}

ко всему, что пожелает