Настраиваем стили в CKEditor / Drupal 9

Чтобы расширить инструментарий контентщика, обычно в редактор добавляются новые стили. Это позволяет контент-менеджеру на ряду с форматированием, использовать подготовленные заранее стили.

Настройки начинаются со страницы, где определены типы форматов текста (/admin/config/content/formats).

В конфигурации найдите настройки toolbar configuration и перенесите инструмент «Styles» из секции «доступных» кнопок в секцию «активных» кнопок.

Эта операция активирует соответствующий плагин CKEditor, и в настройках появится вкладка ‘Styles dropdown’. Здесь вы сможете сконфигурировать список стилей.

Опции задаются так: ключом выступает описание element.className, а метка используется для выпадающего списка. Если выбранный стиль теперь применить на каком то участке текста, то в HTML будет создан соответствующий HTML контейнер (element) и присвоен нужный класс (className).

Для фронт-енд вы наверняка знаете как подготовить стили, но хотелось бы, чтобы и контент-менеджер мог визуально различать стилизованные блоки при редактировании. Это потребует добавить в вашу тему файл со стилями специально для СКEditor и сконфигурировать нужным образом тему.

К примеру, вы создали файл стилей в вашей кастомной теме со следующим названием /themes/custom/my_theme/css/ckedtor.css. Значит файл конфигурации /themes/custom/my_theme/my_theme.info.yml должен будет содержать дополнительно пару строк:

Мало букафф? Читайте есчо !

Кеширование JSON ответа в Drupal

Июль 6, 2023 г.

У нас есть контроллер, который выдаёт json ответ. Добавим кеширование. Начнем с определения контроллера. Пусть сконфигурирован следующий mymodule.routing.yml: [crayon-68e385b27c1dd203648141/] Это значит, что у нас создан класс PublicApi в ...

Читать

Подготовка строки для использования в качестве имени html класса

Январь 18, 2022 г.

То, что в семерке выполняется функцией drupal_html_class(), в Drupal 8 реализовано в виде статического метода\Drupal\Component\Utility\Html::getClass($str). Данная функция также востребована в шаблонах (twig). Здесь вы можете использовать фильтр ...

Читать

Создаём программно url alias в Drupal 9

Август 28, 2021 г.

Сниппет кода, демонстрирующий как alias создаётся в Drupal 9. Ранее (в 8й версии) это был сервис ядра path.alias_storage, и код выглядел так: [crayon-68e385b27c5c5961408758/] В 9й версии хранилище перенесли в entityTypeManager и потому выглядит ...

Читать

Программный рендер меню в Drupal 9

Сентябрь 8, 2021 г.

Продолжаю публиковать сниппеты кода для drupal 9, на этот раз несколько полезных вещей, связанных с рендерингом меню. Рендер меню по известному id меню Вы знаете идентификатор, вам нужен рендер: [crayon-68e385b27c824704653298/] Рендер ...

Читать
 

Комментарии к «Настраиваем стили в CKEditor / Drupal 9»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: