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

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 8 — CAPTCHA validation error: unknown CAPTCHA session ID

Очень неприятная ошибка есть в модуле RECAPTCHA для drupal 8. Иногда страница логина кешируется с неверным значением сессии CAPTCHA, при этом вместо логина получаем в бубен: CAPTCHA validation error: unknown CAPTCHA session ID

Теги

Drupal 9 — добавляем свой логотип на ссылки в Telegram и Яндекс Дзен

При отправке ссылки Telegram считывает метатеги на указанном URL, кеширует их и выводит на экран красивым блоком. Добавим в этот блок свой логотип.

Теги