Подключение своих стилей для CKEditor 5 в Drupal

Чтобы добавить в редактор свои стили, обычно следуют гайду, который реализует hook mymodule_library_info_alter.

При создании своих модулей для CKE5/D10, я так же пользовался данной статьей из документации. Но проблема была в том, что тот модуль, который последний выполняет вставку своих стилей, перекрывает определения остальных модулей.

При этом я менял код так, чтобы именно добавлять свои файлы в библиотеку (а не определять библиотеку internal.drupal.ckeditor5.stylesheets). Но беда в том, что массив

приходит пустым при вызове зацепки в следующем по цепочке модуле, как будто стили на предыдущем шаге не были добавлены.

Поэтому я реализовал добавление стилей через hook_alter_css.

Т.е. идея та же самая что и в гайде — добавить файлы стилей, указанные modulename.info.yml. Делается это только в том случае, если в списке стилей присутствует стандартный для ckeditor5 файл стилей — core/modules/ckeditor5/css/editor.css.

В инфо файл (.info.yml) вашего модуля добавьте секцию со стилями для CKE5:

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

Фильтрация тегов на уровне плагина в CKEditor 5

Апрель 7, 2025 г.

Плагин DataFilter позволяет управлять фильтрацией HTML тегов. Он является "родным" для CKE плагином, так что ничего дополнительно устанавливать не нужно. Рассмотрим как им можно управлять на уровне кастомного плагина. Допустим, вы хотите разрешить ...

Читать

Подключаем suggestions list в диалог CKeditor - Link

Август 10, 2021 г.

Link - это штатный диалог, который используется в CKeditor для редактирования ссылок. И выглядит он как показано на картинке сверху. Он хорошо выполняет ...

Читать

Создание плагина CKEditor 5 в экосистеме Drupal 10

Февраль 8, 2024 г.

Drupal 10 добавил в ядро модуль wysiwyg CKEditor 5. Т.е. уже из "коробки" у вас есть редактор html кода. API CKEditor 4 и 5 версий значительно отличаются, ...

Читать

Снимаем обертки в модели CKE5

Март 25, 2025 г.

Продолжаю публиковать сниппеты, связанные с экосистемой CKEditor 5. Сегодня покажу как удалять контейнер с сохранением его содержимого. Api предоставляет функцию writer.unwrap(element). Но беда в том, что функция не заботится о валидности дочерних ...

Читать
 

Комментарии к «Подключение своих стилей для CKEditor 5 в Drupal»

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



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