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

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

Допустим, вы хотите разрешить определенные классы для тега div — className1 и className2.

Сначала нужно убедиться, что DataFilter доступен, а потом использовать его для настройки фильтрации. В коде это будет выглядеть следующим образом:

Функция _addClassSupport разбирает имена классов, превращая их в регулярное выражение. Нам нужно сформировать пакет настроек соответствующий MatcherPattern структуре.

Условие classes позволяет пройти по всем классам html тега и проверить на соответствие регулярному выражению, которое мы составили на основе нашего набора классов.

MatcherPattern позволяет создать правила для любых атрибутов и стилей. Детали можно изучить в документации CKE5 API.

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

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

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

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

Читать

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

Март 25, 2025 г.

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

Читать

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

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

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

Читать

Wysiwyg для Drupal 7

Июнь 8, 2011 г.

Аналогичная статья у меня была для 6й версии. Особых проблем для семерки нет, но для тех, кому некогда думать, а надо "просто сделать", данное руководство. ...

Читать
 

Комментарии к «Фильтрация тегов на уровне плагина в CKEditor 5»

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



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