Файл styles.css шаблона сайта при редактировании динамического контента

  • Файл styles.css шаблона сайта при редактировании динамического контента

    Антон Долганин 6 Марта 2015 10:24 4558
    В данном посте я расскажу о файле styles.css, который вы можете наблюдать в шаблоне сайта, но, самое главное, об его особенности при редактировании динамического контента.

    Итак, сначала что это за файл. Если вы о нем в курсе, просто мотайте на вторую часть поста.

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

    block1.png

    Вот чтобы глазу было приятнее, придуман данный файл. В котором, помимо некоторых блоков, может быть указание какой шрифт используется в редакторе, какого он размера, и так далее. То есть, тюнинг чисто под редактор. А уже в шаблоне template_styles.css идут правила CSS исключительно под сайт, и как элементы и текст должны выглядеть на сайте. Именно поэтому неправильно в файле styles.css размещать стили самого шаблона.  Кстати, вы можете именовать стили в таком файле (см. курс), это еще больше облегчит работу редактора.

    Но возвращаясь к нашим стилям. Если мы добавим в этот файл нужный код, контент в редакторе окрасится уже приятными и нужными цветами:

    block2.png

    Вот для чего нужен такой файлик.

    А теперь особенность файла

    Все озвученное будет работать штатно для статических страниц сайта. Но оно почти наверняка не заработает для динамических элементов. Например, элементов инфоблока. А если заработает, значит вам повезло по описанным ниже причинам.

    Причина вот в чем. Дело в том, что при изменении динамических элементов редактору не передается ID шаблона сайта, поэтому он в свою очередь не может подгрузить нужный файл styles.css (о проблеме уже сообщено в Битрикс). Но это не значит, что он не подгружает никакой стиль, он подгружает первый попавшийся. Он берет первый согласно функции opendir. Чтобы узнать, какой шаблон определит редактор в вашем случае, выполните такой код. Первый шаблон в списке и будет искомым.

    Что дальше?

    Вариант 1. Несколько грязно, но просто помещаем нужные нам стили в тот шаблон сайта, который и определился выше.
    Вариант 2. Создаем шаблон-пустышку, который нигде не применяется, но будет обязательно выше всех при определении методом выше. Туда добавляем нужные нам стили.
    Вариант 3. Ждем исправления проблемы Битриксом.
Константин
15 Марта 2015 11:06
все тайное становится явным, до этого на такие ситуации отправлял клиента в админку, там определение с шаблоном ок
Антон Долганин
19 Марта 2015 9:00
Беда в том, что и в админке такая же проблема.

Но есть радостная новость - в недавних апдейтах (вроде сегодняшних) это пофиксить должны были.
Сергей Смирнов
5 Июля 2015 1:33
Пофиксить-то пофиксили...
Только новый редактор вообще не подхватывает styles.css. :-(

Хотел сделать, как на этом ролике и обломался:

Антон Долганин
6 Июля 2015 5:08
Сергей, на последних версиях новый редактор точно корректно работает: http://my.jetscreenshot.com/18603/20150706-ua76-53kb
Возможно, вам стоит обновиться.
Сергей Смирнов
6 Июля 2015 14:26
Антон, спасибо за ответ.
Мой редактор выглядит точно также, как и на Вашем скриншоте. Только у Вас стиль DIV выглядит чуть иначе, нежели у меня.

Но в styles.css у меня прописаны иные стили.
Вот styles.php:
  'underline' => 'Title with underline',
  'table table-striped' => 'Table',
  'table table-bordered' => 'Borderd table',
  'grey_dark' => 'Dark text',
  'grey_light' => 'Bright text',
  'dark_light_table' => 'Fark table header',
  'dark_light' => 'Dark text',


В старом редакторе они отображаются:

HTML Editor Styles_1.jpg
В новом же - нет:

HTML Editor Styles_2.jpg
Сергей Смирнов
6 Июля 2015 14:28
Да, версии стоят, конечно, самые последние из публично доступных. :)
Антон Долганин
7 Июля 2015 5:09
Сергей, тогда я бы рекомендовал отписать в Битрикс :) может тут какие-то долгие альфы-беты написаны, которые у меня установлены. Я не смогу им отписать, так как у меня не моделируется.
Сергей Смирнов
7 Июля 2015 15:04
Антон, можете посмотреть свою версию модуля, отвечающего за редактор?
Это же, вроде бы, "Управление структурой"?

У меня - 15.5.1 от 09.06.2015.

Bootstrap уже лежит в файловой структуре, вызывается вручную, но к редактору не привязан.
Антон Долганин
8 Июля 2015 5:01
Антон, можете посмотреть свою версию модуля, отвечающего за редактор?
Это же, вроде бы, "Управление структурой"?
Сергей, у меня версия модуля 15.5.1. Да, это он отвечает за редактор.
Сергей Смирнов
8 Июля 2015 12:11
Хм... Полтергейст, однако...
Сергей Смирнов
6 Июля 2015 14:32
Вот тут народ тоже недоумевает:
http://dev.1c-bitrix.ru/community/forums/forum6/topic64039/