Перейти к основному содержанию

Drupal 8 — добавляем спойлер

Drupal 8

Добавим кнопку спойлера в текстовый редактор CKEditor, использующийся в CMS Drupal 8. Не будем изобретать велосипед, используем модуль CKEditor Spoiler.

  • Спойлер — изначально скрытый блок информации, который отображается при нажатии на заголовок. При повторном нажатии на заголовок — блок скрывается.

Установка модуля CKEditor Spoiler

Переходим на страницу проекта:

https://www.drupal.org/project/ckeditor_spoiler

drupal

Копируем ссылку на tar.gz архив и устанавливаем новый модуль.

drupal

Установить.

Установка библиотеки CKEditor Spoiler

Пока модуль устанавливается, переходим на страницу библиотеки модуля:

https://ckeditor.com/cke4/addon/spoiler

drupal

Download. Скачиваем архив и распаковываем его.

drupal

Внутри нам нужна папка spoiler. Копируем её в папку libraries, которая находится в корне сайта на CMS Drupal 8.

drupal

Настройка модуля CKEditor Spoiler

А тем временем модуль установился.

drupal

В расширениях включаем CKEditor Spoiler Plugin.

drupal

Установить.

Переходим в раздел Конфигурация > Текстовые форматы и редакторы.

drupal

Выбираю текстовый редактор, например, "Полный HTML".

drupal

Настроить.

drupal

Из списка доступных кнопок перетаскиваем в активную панель кнопку спойлера. Осталось проверить.

spoiler

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

Теги

 

Похожие материалы

Drupal 9 — Class ReCaptcha\ReCaptcha not found

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

Теги

Критическая уязвимость Drupal Core — CVE-2022-25277

Для ядра Drupal выпустили исправления критической уязвимости CVE-2022-25277. Уязвимость получила 15 баллов из 25 возможных по шкале, принятой на Drupal. Возможно удалённое выполнение кода PHP.

Теги