Убрать фон при редактировании (решение)

При создании материалов TinyMCE фоном под поля для ввода основного и вводного текстов загоняет класс body из template_css шаблона. В некоторых случаях это неудобно. Например, на сайте темный фон и темный тест, но на самом сайте текст выводится только в слоях или таблицах со светлым фоном. Т.к. редактор берет только стиль текста и стиль body, то светлая "прослойка" пропадает и текст (почти) не видно. Убрать стандартные стили в опциях редактора не помогло. В папках редактора есть свои стили, но они почему-то не подключаются и не заменяют собой шаблонный css.

Подгружается аж 5 css'ов:

Код (CODE):

1. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/css/editor_content.css">
2. <link rel="stylesheet" href=".../templates/uv/css/template_css.css">
3. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/plugins/flash/css/content.css">
4. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/plugins/fullscreen/css/content.css">
5. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/plugins/media/css/content.css">

Собственно вопрос: как убрать это безобразие?

 

Ответ: Убрать фон при редактировании

/mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/css/editor_content.css
/mambots/editors/tinymce/jscripts/tiny_mce/plugins/fullscreen/css/content.css

тут проверить (поиск по имени файла бекграунда (если картинка) или цвету рулит)

и проверить template-css.css шаблона на наличие маркера типа #editor или похожего

Самый простой способ - взять FF с дополнением firebug и очень быстро вычислить, откуда берется фон

 

Ответ: Убрать фон при редактировании

Да я понимаю, откуда это берется...
Попробую описать проблему по-другому:
Заходим в админку, выбираем какой-нибудь раздел, категорию, начинаем писать статью.
То, что получается в окне редактора - см. на скриншоте в аттаче.
Причина этого дела: окно редактирования - это iframe. В этом iframe есть свой head, в котором подключаются свои link'и к своим стилям. Среди прочего (см. первый пост), подключается и css из тимплейта, используемого на сайте. По какой-то причине все стили (текста, body, списков и т.д.) берутся не из css-файла самого редактора, а из css-файла шаблона.
В моем случае это вызывает неудобство: картинка для body - темная, и сам текст - тоже темный.
На самом сайте все в порядке: там они выводятся на светлом фоне (см. 2-ой аттач).
Вывод: надо сделать так, чтобы при редактировании в админке стили брались не из css-файла тимплейта, а из css-файла редактора (а еще лучше - не брался бы только body).

 

Ответ: Убрать фон при редактировании

Проблема решилась добавлением в css-файл шаблона такого стиля:

Код (CODE):

1. body.mceContentBody {
2. background:#ffffff;
3. }

Он отвечает за body в том самом iframe, в котором происходит набор текста.