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

Как подключить CKeditor к Drupal 7 я рассказывал ранее.

После настройки модуль подключит редактор CKeditor к полям редактирования публикаций. А как подключить wysiwyg к собственным формам? В 6-й версии Drupal редактор с помощью модуля CKeditor подключался ко всем полям типа textarea, достаточто было лишь добавить флажок wysiwig:

Используем JS

Так было в шестерке, но в 7й версии все устроено несколько иначе. И первый вариант, который мне пришел на ум, пока я не разобрался что к чему, подключить CKeditor с помощью javascript. Чтобы отличать textarea, которым необходим редактор, я маркировал их специальным CSS классом — wysiwyg. И добавил в шаблон следующий скрипт:

А вот как выглядит описание поля для Drupal FormApi:

Такая связка работает в 7ке, но построена она в парадигме 6й версии (мы вводим специальный маркер для поля textarea). Так что будем разбираться дальше.

Правильный вариант

Покопав код модуля CKeditor, стало ясно, что сейчас редактор цепляется к полю типа — text_format. Потому можно отказаться от фокусов с js и сделать правильно. Описание поля в FormApi будет выглядеть вот так:

В общем случае профиль редактора зависит от выбранного формата текста.

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

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

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

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

Читать

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

Март 25, 2025 г.

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

Читать

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

Март 19, 2024 г.

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

Читать

Добавляем свои стили в CKEditor на Drupal

Ноябрь 16, 2017 г.

Задача не для программиста, а больше для системного администратора, т.к. речь пойдет о правильной настройке. Типично, CKeditor имеет компонент Форматирование ...

Читать
 

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

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



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