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

Пример работы в экосистеме CKE5. Реализуем в нашем плагине обработку изменения данных в модели редактора. При удалении всего текста в инлайновом элементе, удалим сам inline контейнер.

Зацепку поместим в init секцию плагина.

В данном случае в роли inline элемента у нас выступает SPAN. Мы цепляемся за событие «change:data» и каждый раз проходим по всему дереву документа в поисках пустых SPAN элементов.

Так конечно же делать не стоит, на практике надо рассматривать лишь окрестность модели, где происходит редактирование.

Написать комментарий

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

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

Апрель 9, 2025 г.

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

Читать

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

Август 10, 2021 г.

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

Читать

 

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

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



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