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

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

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

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

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

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

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

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

Убираем вставку   в пустые div контейнеры в CKEditor 5

Апрель 9, 2025 г.

Неприятная особенность CKEditor - добавляет в пустые контейнера (в <div>,<p> и т.п.) html код неразрывного пробела. Покажу как можно от этого избавиться через код в кастомном плагине для CKEditor 5 в экосистеме Drupal 8+. Нам понадобится ...

Читать

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

Март 19, 2024 г.

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

Читать

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

Март 25, 2025 г.

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

Читать

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

Апрель 5, 2025 г.

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

Читать
 

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

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



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