Discourse Спойлер-оповещение

[Discourse]

	Краткое описание	Discourse Spoiler Alert позволяет скрывать контент, отмеченный тегом [spoiler], в сообщениях.
	Руководство по установке	Этот плагин входит в состав ядра Discourse. Отдельная установка плагина не требуется.

Поскольку это official плагин, поддерживаемый командой Discourse, вопросы Support, отчеты об ошибках Contribute > Bug, предложения по улучшению интерфейса Contribute > UX и запросы на новые функции Contribute > Feature можно оставлять в соответствующих категориях здесь, на Meta, и помечать соответствующим тегом плагина. Нажмите на ссылку ниже, чтобы создать тему.

 Поддержка  Ошибка  Интерфейс  Функция

Включение функции скрытия спойлеров

Этот плагин включен по умолчанию после установки, но его можно отключить или включить в настройках, доступных на странице admin/plugins:

Возможности

После включения в меню на панели форматирования редактора появляется опция «Размыть спойлер». Просто выделите текст, который нужно скрыть, и выберите «размыть спойлер»; выбранный текст будет обернут в необходимые теги [spoiler]:

Примеры:

В строке:

[spoiler]Это спойлер[/spoiler] 

Это спойлер

В несколько строк:

[spoiler]

Я хочу быть твоим пылесосом
Вдыхать твою пыль
Я хочу быть твоим Ford Cortina
И никогда не ржаветь
Если ты любишь горячий кофе
Позволь мне быть твоим кофейником
Ты решаешь всё
Я хочу быть твоим

https://johncooperclarke.com/poems/i-wanna-be-yours

[/spoiler]

Я хочу быть твоим пылесосом
Вдыхать твою пыль
Я хочу быть твоим Ford Cortina
И никогда не ржаветь
Если ты любишь горячий кофе
Позволь мне быть твоим кофейником
Ты решаешь всё
Я хочу быть твоим

https://johncooperclarke.com/poems/i-wanna-be-yours

Нажатие на размытие откроет скрытый текст, а повторное нажатие снова его скроет.

Это также работает для изображений:
(чтобы снова скрыть изображение, которое достаточно велико для открытия в лайтбоксе, можно нажать на соседнее белое пространство или обновить страницу)

Настройки

Имя	Описание
spoiler enabled	Включить плагин спойлеров. Если вы измените эту настройку, вам необходимо пересоздать все сообщения с помощью команды: “rake posts:rebake”[1]

Хостинг у нас? Этот плагин доступен на всех наших тарифах хостинга Spoiler Alert | Discourse - Civilized Discussion

---

1. Если вы являетесь хостинг-клиентом нашей платформы, пожалуйста, свяжитесь с team@discourse.org, если у вас возникнут вопросы о необходимости «пересоздания» (rebake) после изменения настроек ↩︎

[pfaffman (Jay Pfaffman)]

Перенесено в ядро:

FEATURE: Bundle discourse-spoiler-alert plugin into core (#24030)

[JammyDodger]

Предупреждение о спойлерах Discourse теперь включено в ядро Discourse, поэтому этот плагин больше не нужно устанавливать отдельно.

Если вы размещаете свой собственный сервер, вы увидите на своей панели управления информацию об удалении его из app.yml.

Размещено нами? Это изменение никак не повлияет на вас. Вы можете продолжать пользоваться этим плагином и ни о чём не беспокоиться.

[ismailarilik (İsmail Arılık)]

Не понимаю, почему этот плагин включён по умолчанию. Разве он полезен только для форумов о кино?

[Jagster (Jakke Flemming)]

Причин скрыть текст гораздо больше, чем просто спойлеры к фильмам. Их даже больше, чем панчлайны шуток.

[Monikas (JustMonika)]

Можно ли добавить функцию, чтобы контент спойлера отображался после нажатия на «лайк» в сообщении?

[ondrej]

Вы можете создать тему Contribute > Feature spoiler-alert — мы будем только рады!

[Monikas (JustMonika)]

, я уже в пути.

[Mako-Poisoned (Mako)]

Есть ли способ изменить то, как выглядит превью спойлера? Текущая реализация выглядит неплохо, но она недостаточно скрывает суть спойлера.

Вот пример из созданной мной темы, где пользователи могут загружать свои скриншоты. Если скриншот является спойлером, его нужно пометить соответствующим образом. Как вы видите, текущая реализация не совсем подходит для маркировки спойлеров скриншотов с ключевыми моментами игр, фильмов и т. д.

Любой, кто знаком с игрой, которую я упомянул, сразу поймёт, что изображено.

Изображение с моего форума Discourse ниже.

Есть ли способ это исправить?

Редактирование: Мне также стало известно, что если любой пользователь перейдёт к истории редактирования поста, содержащего спойлеры, история редактирования не будет скрывать содержимое с помощью спойлер-тегов.

[NateDhaliwal]

Как вы планируете это сделать? Сделать более размытым? Изменить цвет размытия?

[Mako-Poisoned (Mako)]

Если бы я мог, я бы либо сделал его полностью чёрным, либо размыл сильнее.

[Steven]

Вот CSS по умолчанию для эффекта размытия:

.spoiler-blurred img {
  filter: blur(1em);
}

Измените 1em на более значимое значение:

.spoiler-blurred img {
  filter: blur(5em);
}

Если вы хотите увеличить размытие при наведении курсора на изображение, добавьте следующие строки и измените 0.5em (на значение меньшее, чем предыдущее):

.spoiler-blurred {
  .discourse-no-touch & {
    &:hover, &:focus {
      img {
        filter: blur(0.5em);
      }
    }
  }
}