Ну, навскидку парочка мануалов из разных источников... авось поможет. Совершенно одно и то же, в принципе.
Как изменить цвет фона в редакторе
Периодически, экспериментируя с шаблонами Joomla, пользователи наступают на старые грабли в виде темного фона в окнах визуальных редакторов. Все время цвет фона в редакторе был привычный белый, а вдруг стал темно-синим или черным. Сразу же начинается паника и куча сообщений на форумах. На самом деле, ничего в этом страшного нет, и исправить это весьма несложно.
Если не вдаваться в технические подробности, то появление темного фона в окнах визуальных редакторов связано со стилем элемента BODY в файле template_css.css текущего шаблона.
Зачем визуальному редактору стили шаблона? Я думаю, что редакторы подключают стили шаблона для корректного отображения материалов в режиме предпросмотра. Большинство современных визуальных редакторов для Joomla, в первую очередь, пытаются подключить файл из директории CSS текущего шаблона с именем editor_content.css, а если он отсутствует, то основной CSS-файл шаблона template_css.css.
Поэтому, если в шаблоне сайта нужно задать фон страницы отличный от белого, необходимо сделать следующее: в директории CSS текущего шаблона создать файл editor_content.css и в нем задать стиль для элемента BODY. Например так:
body{
margin:0px;
padding:0px;
background: #FFF;
background-image: none;
}
После этого в визуальных редакторах фон станет белым, независимо от цвета фона страниц вашего шаблона.
ПРИМЕЧАНИЕ: Данное решение изначально не работает в редакторе TinyMCE, поскольку у него по умолчанию включено использовать основной css-файл шаблона. Что бы это исправить, необходимо в панели администрирования Joomla выбрать меню «Мамботы сайта», далее выбрать в списке мамбот редактора и отключить использование template_css.css.
Настройка фона в JCE в JOOMLA 1.5
Давно мешает мне некоторая проблема, если делаю фон на сайте темным, то в редактор JCE фон становится тоже темным, хотя это не всегда правильно, ведь фон сайта может быть темным, а поверх блок с контентом с светлым фоном. Итак:
Проблема:
Проблема заключается в том что в админке при редактирование выводится фон от основного шаблона. Если фон светлый особо проблем нету, а вот если темный то возникают проблемы.
Решение:
Шаг 1.
В папку css шаблона нужно разместить файл editor_content.css с таким содержанием:
body{
margin:0px;
padding:0px;
background-image: none;
background-color: #FFF;
}
Шаг 2.
В админке заходим в компонент JCE:
Компоненты->JCE->Конфигурация->Форматирование
Далее
- Editor Content Class – Выборочный
- Выборочный Editor Content Class – указываем имя ранее созданного файла editor_content.css
- Использовать CSS шаблона – выбираем НЕТ
- Использовать выборочный файл CSS – указываем путь к файлу templates/$template/css/editor_content.css.
