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

Question

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

Answer 1

Или вы можете изменить цвет, используя js:

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

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

Answer 2

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

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

Answer 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;}

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

Answer 4

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

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

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

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

Answer 5

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

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

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

Answer 6

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

body{background-color:#595345;}

на что угодно

Answer 7

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

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

Answer 8

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

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