Discourse Spoiler-Alert

Greffon
, ,
1
:discourse2: Summary Discourse Spoiler Alert provides the ability to hide content marked with a [spoiler] tag in posts.
:open_book: Install Guide This plugin is bundled with Discourse core. There is no need to install the plugin separately.

Enabling Spoiler Alert

This plugin is default enabled once installed but can be disabled/enabled from its settings, accessed from your admin/plugins page:

enable spoiler

Features

Once enabled it adds a ‘Blur Spoiler’ option to the :gear: menu in the composer’s formatting bar. Simply highlight the text you’d like to blur and select ‘blur spoiler’ and it will wrap the selected text in the necessary [spoiler] tags:

blur spoiler option
blur spoiler option1850×640 24.2 KB

Examples:

Inline:

[spoiler]This is a spoiler[/spoiler]

This is a spoiler

Multiline:

[spoiler]

I wanna be your vacuum cleaner
Breathing in your dust
I wanna be your Ford Cortina
I will never rust
If you like your coffee hot
Let me be your coffee pot
You call the shots
I wanna be yours

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

[/spoiler]

I wanna be your vacuum cleaner
Breathing in your dust
I wanna be your Ford Cortina
I will never rust
If you like your coffee hot
Let me be your coffee pot
You call the shots
I wanna be yours

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

Clicking on the blur will reveal the hidden text, and clicking again will re-blur it.

It also works for images:
(to re-blur an image that is large enough to generate a lightbox, you can click on the adjacent white space or refresh the page)

spoiler image example
spoiler image example895×781 54.1 KB

Settings

Name Description
spoiler enabled Enable the spoiler plugin. If you change this, you must rebake all posts with: “rake posts:rebake”[1]

:discourse2: Hosted by us? This plugin is available on all of our hosting tiers Spoiler Alert | Discourse - Civilized Discussion

  1. :discourse2: If you’re a hosted customer of ours, please contact team@discourse.org if you have any questions about needing to ‘rebake’ due to a setting change ↩︎

Last edited by @tobiaseigen 2025-07-16T20:45:02Z

Check documentPerform check on document:
48 « J'aime »
109

Déplacé vers le cœur :

3 « J'aime »
110

:information_source: Discourse Spoiler Alert est maintenant inclus dans le cœur de Discourse, ce plugin n’aura donc plus besoin d’être installé séparément. :partying_face:

Si vous auto-hébergez, vous devriez voir des informations sur votre tableau de bord concernant sa suppression de votre app.yml.

:discourse2: Hébergé par nous ? Ce changement ne vous affectera en rien. :+1: Vous pouvez continuer à profiter de ce plugin sans vous soucier de quoi que ce soit.

1 « J'aime »
111

Je ne comprends pas pourquoi ce plugin est activé par défaut. N’est-il utile que pour les forums de cinéma ?

112

Il y a de nombreuses raisons de masquer du texte plutôt que des spoilers de films. Plus que les chutes de blagues.

2 « J'aime »
113

Est-il possible d’ajouter une fonctionnalité pour afficher le contenu spoiler après avoir cliqué sur « J’aime » sur la publication ?

114

Vous êtes plus que bienvenu pour créer un sujet de #fonctionnalité #alerte-au-divulgâcheur :wink:

2 « J'aime »
115

:clin d’œil:, j’arrive.

116

Existe-t-il un moyen de modifier l’apparence de l’aperçu des spoilers ? L’implémentation actuelle est agréable, mais elle n’abstrait pas suffisamment ce qu’elle révèle.

Voici un exemple d’un fil que j’ai créé, où les utilisateurs peuvent télécharger leurs captures d’écran. Si la capture d’écran est un spoiler, elle doit être marquée comme telle. Comme vous pouvez le constater, l’implémentation actuelle ne fonctionne pas vraiment dans le contexte du marquage des spoilers pour les captures d’écran de moments cruciaux dans les jeux, les films, etc.

Toute personne familière avec le jeu que j’ai partagé saurait immédiatement de quoi il s’agit.

Image de mon tableau de discussion ci-dessous.

image
image1650×1450 74.6 KB

Y a-t-il un moyen d’ajuster cela ?

Modification : J’ai également appris que si un utilisateur clique sur l’historique des modifications d’un message contenant des spoilers, l’historique des modifications ne marquera pas le contenu comme spoiler.

117

Qu’est-ce que vous prévoyez de faire ? Plus flou ? Une autre couleur pour le flou ?

1 « J'aime »
118

Si je pouvais, je le rendrais complètement noir, ou je le rendrais plus flou.

119

Voici le CSS par défaut pour la partie floutée

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

Changez le 1em par quelque chose de plus important

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

Et si vous voulez flouter davantage lorsque le curseur est sur l’image, ajoutez ces lignes et changez le 0.5em (avec une valeur moins importante que celle d’avant)

.spoiler-blurred {
  .discourse-no-touch & {
    &:hover, &:focus {
      img {
        filter: blur(0.5em);
      }
    }
  }
}
4 « J'aime »