Стили в визуальном редакторе

В визуальном редакторе Битрикса можно добавлять свои стили для оформления текста. Для этого нужно зайти в панели управления в Настройки - Сайты - Шаблоны сайтов, выбрать нужный шаблон и перейти во вкладку «Стили». Или же просто открыть файл /bitrix/templates/имя_шаблона/styles.css в любом редакторе.

Создание стилей для визуального редактора Битрикс

Сюда просто добавляются css-стили. Ниже нужно добавить имя стиля (то же самое, что и класс в css, только без точки) и его описание. Описание будет отображаться в выпадающем списке «Стили» визуального редактора.

Теперь надо создать раздел и файл (раздел должен принадлежать шаблону сайта, в который мы добавили стили) в панели управления. Теперь редактор выглядит так:

Стилей в визуальном редакторе Битрикса

Если перейти в настройки модуля «Управление структурой», то там можно заметить такую опцию «Отображать внешний вид стилей в выпадающем списке».

Отображать внешний вид стилей в выпадающем списке

Если её включить, то стили будут применяться прямо в выпадающем списке визуального редактора.

Отображение стилей в визуальном редакторе Битрикса
Дата: 10 ноября 2010
Теги: визуальный редактор, стили
Добавить в закладки:

Комментарии (5)

Николай, 10 Ноября 2010

Спасибо за познавательную статью и за Ваш блог в целом.

123, 10 Ноября 2010

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

Виктор, 19 Января 2011

Единственная особенность, которую автор не упомянул:
Если хотите применить стиль для ячейки таблицы
Например: .strong_blue td{color:blue;}, то нужно первоначально создать просто пустой класс .strong_blue{}, что бы стиль отображался в списке

Саша, 29 Марта 2012

Пробовал, для div прописать стиль который бы можно было выбрать в визуальном редакторе, но безуспешно. И инфы не нашёл (

Виктор, 1 Декабря 2011

Спасибо, хоть кто-то отписал как этим пользоваться ) Описанное работает в визуальном редакторе файла. А как управлять стилями при работе с элементами инфоблока?