Настраиваем стили в 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 должен будет содержать дополнительно пару строк:

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

Drupal 9 за БН amazon cloudfront

Октябрь 12, 2021 г.

Типичная проблема сайта, когда тот оказывается за балансировщиком нагрузки (load balancer), это несоответствие части заголовков запроса клиента и тех заголовков, которые передаются балансировщиком серверу. Чаще всего мы сталкиваемся с этим при запуске ...

Читать

Редирект после отправки формы в Drupal 8/9

Январь 22, 2022 г.

Для семерки можете посмотреть другую статью. Обычно правят поведение существующих форм через hook_form_alter, добавляя туда еще один обработчик submit. Специальный метод setRedirectUrl объекта FormStateInterface позволяет настроить адрес перенаправления. ...

Читать

Пишем логи в Drupal 9

Октябрь 8, 2021 г.

Привычная функция watchdog, которую мы использовали в 6/7 версиях, к девятке пережила эволюцию до сервиса логирования. Бывшее ранее: [crayon-687ae732475e4238807045/] Сейчас выглядит так: [crayon-687ae732475ed324536886/] Помимо того, ...

Читать

Проблема с сохранением asymmetric paragraphs в tmgmt

Октябрь 4, 2024 г.

Проблема описана вот тут, и там даже предлагается патч https://www.drupal.org/files/issues/2024-05-28/3134922-40.patch,который частично решает проблему, но в #43 siavash (Sia) более подробно рассказывает о том, как сохраняются данные, и становится ясно, ...

Читать
 

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

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



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