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

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 до Drupal 10 в Windows

Пока не закончились новогодние праздники нужно успеть сделать одно хорошее дело. А именно, обновить движок сайта с Drupal 9 на Drupal 10. Посетителей не много, все отдыхают. Так что самое время.

Drupal 9 — модуль Ludwig, ручная альтернатива Composer

Выделяю время на обслуживание сайта, потом кучу статей на тему Drupal приходится писать. И людям помочь, и самому не забыть. Вашему вниманию представляется незаменимый в некоторых случаях модуль Ludwig.

Теги