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

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

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

Я вижу два варианта решить задачу — первый — написать свой плагин, где будет возможность настроить нужные нам символы для вставки. Это идеальный вариант — т.к. можно было бы показывать только те символы, которые нам нужны.

И второй вариант — где мы тоже пишем плагин, но очень простой — мы добавим еще одну группу символов прямо в плагин SpecialCharacters.

Вот реализация второго варианта:

Как пример, я добавляю группу General с тремя символами. Код CKE5 плагина выглядит вот так:

Согласно документации, плагин SpecialCharacters облагает методом addItems, который позволяет добавлять группы символов.

Получим доступ к объекту плагина и добавим наши символы.

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

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

Апрель 5, 2025 г.

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

Читать

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

Август 10, 2021 г.

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

Читать

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

Март 19, 2024 г.

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

Читать

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

Март 25, 2025 г.

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

Читать
 

Комментарии к «SpecialCharacters плагин в CKE5. Добавляем символы.»

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



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