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

Делюсь еще одним лайфхаков, как в плагине CKE5 вставить htmlentity.

При вставке текста в модель, CKEditor будет преобразовывать html символы вроде ‘&’ и ‘>’. Но что делать, если нужно вставить символ в виде html кода?

Рассмотрим следующий код, который реализует команды для модуля вставки символов, который мне нужно было разработать.

TextData поступает в функцию как параметр options.code. И обычно содержит код в html entity. Вроде ™ или 🔍.

Если я буду просто вставлять текст как:

То, символ ‘&’ будет преобразован в ‘&’ и в HTML мы не получим закодированного символа. Потому мы используем преобразование с помощью поля textarea.

Этот трюк позволяет достичь желаемого эффекта при вставке html entities без сложных манипуляция с моделью.

На самом деле в html код вставляется уже не htmlentity, а результат преобразования в UNICODE, потому это и работает.

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

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

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

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

Читать

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

Апрель 7, 2025 г.

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

Читать

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

Март 25, 2025 г.

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

Читать

SpecialCharacters плагин в CKE5. Добавляем символы.

Апрель 11, 2025 г.

В CKEditor 5 есть родной плагин, который отображает список спец. символов для вставки в редактор. Он удобен и прост, проблема лишь в том, что он содержит ...

Читать
 

Комментарии к «Вставка html entites в текстовые ноды»

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



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