Подключение своих стилей для 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:

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

CKEditor5: удаление элемента при удалении в нем текста (элементов)

Февраль 3, 2025 г.

Пример работы в экосистеме CKE5. Реализуем в нашем плагине обработку изменения данных в модели редактора. При удалении всего текста в инлайновом элементе, удалим сам inline контейнер. Зацепку поместим в init секцию плагина. [crayon-68b0cde3b0245295705794/] ...

Читать

Подключаем wysiwyg CKeditor к нашим формам в Drupal 7

Декабрь 20, 2014 г.

Как подключить CKeditor к Drupal 7 я рассказывал ранее. После настройки модуль подключит редактор CKeditor к полям редактирования публикаций. А как подключить wysiwyg к собственным формам? В 6-й версии Drupal редактор с помощью модуля CKeditor подключался ...

Читать

Добавляем настройки к js плагину CKEditor 5 в Drupal

Март 19, 2024 г.

Когда вы настраиваете форматы текстов, то кроме добавления иконок в toolbar wysiwyg, вы можете видеть набор настроек для разных плагинов CKEditor. Посмотрим ...

Читать

Вставка html entites в текстовые ноды

Апрель 5, 2025 г.

Делюсь еще одним лайфхаков, как в плагине CKE5 вставить htmlentity. При вставке текста в модель, CKEditor будет преобразовывать html символы вроде '&' и '>'. Но что делать, если нужно вставить символ в виде html кода? Рассмотрим следующий ...

Читать
 

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

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



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