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

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

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

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

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

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

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

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

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

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

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

Март 19, 2024 г.

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

Читать

Подключаем wysiwyg CKeditor к нашим формам в Drupal 7

Декабрь 20, 2014 г.

Как подключить CKeditor к Drupal 7 я рассказывал ранее. После настройки модуль подключит редактор CKeditor к полям редактирования публикаций. А как подключить wysiwyg к собственным формам? В 6-й версии Drupal редактор с помощью модуля CKeditor подключался ...

Читать

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

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

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

Читать

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

Апрель 9, 2025 г.

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

Читать
 

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

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



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