Discourse Spoiler-Alert

Plugin
, ,
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 „Gefällt mir“
109

In den Core verschoben:

3 „Gefällt mir“
110

:information_source: Discourse Spoiler Alert ist jetzt Teil von Discourse Core und muss daher nicht mehr separat installiert werden. :partying_face:

Wenn Sie selbst hosten, sollten Sie auf Ihrem Dashboard Informationen zur Entfernung aus Ihrer app.yml finden.

:discourse2: Von uns gehostet? Diese Änderung wirkt sich in keiner Weise auf Sie aus. :+1: Sie können dieses Plugin weiterhin nutzen und sich keine Sorgen machen.

1 „Gefällt mir“
111

Ich verstehe nicht, warum dieses Plugin standardmäßig aktiviert ist. Ist es nicht nur für Filmforen nützlich?

112

Es gibt viele Gründe, Text zu verbergen, als Film-Spoiler. Mehr als Pointe von Witzen.

2 „Gefällt mir“
113

Ist es möglich, eine Funktion hinzuzufügen, die den Spoilerinhalt nach dem Klicken auf „Gefällt mir“ im Beitrag anzeigt?

114

Du kannst gerne ein Thema mit Feature spoiler-alert erstellen :wink:

2 „Gefällt mir“
115

:zwinker:, ich bin unterwegs.

116

Gibt es eine Möglichkeit, den Inhalt der Spoiler-Vorschau zu bearbeiten? Die aktuelle Implementierung sieht gut aus, aber sie abstrahiert nicht genug, was den Inhalt angeht, den sie verrät.

Hier ist ein Beispiel aus einem Thread, den ich erstellt habe, in dem Benutzer ihre Screenshots hochladen können. Wenn der Screenshot ein Spoiler ist, muss er als solcher gekennzeichnet werden. Wie Sie sehen können, funktioniert die aktuelle Implementierung im Kontext von Spoiler-Tags für Screenshots von kritischen Momenten in Spielen, Filmen usw. nicht wirklich.

Jeder, der das Spiel, das ich geteilt habe, kennt, würde sofort wissen, worum es geht.

Bild von meinem Discourse-Board unten.

image
image1650×1450 74.6 KB

Gibt es eine Möglichkeit, dies anzupassen?

Bearbeiten: Mir ist auch aufgefallen, dass, wenn ein Benutzer auf die Bearbeitungshistorie eines Beitrags klickt, der Spoiler enthält, die Bearbeitungshistorie den Inhalt nicht als Spoiler kennzeichnet.

117

Was hast du vor, es wie zu machen? Mehr verschwommen? Eine andere Farbe des Weichzeichners?

1 „Gefällt mir“
118

Wenn ich könnte, würde ich es entweder komplett schwarz färben oder es unschärfer machen.

119

Hier ist das Standard-CSS für den Unschärfe-Teil

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

Ändern Sie 1em in etwas Wichtigeres

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

Und wenn Sie mehr Unschärfe wünschen, wenn sich der Cursor über dem Bild befindet, fügen Sie diese Zeilen hinzu und ändern Sie 0,5em (mit einem Wert, der weniger wichtig ist als der vorherige)

.spoiler-blurred {
  .discourse-no-touch & {
    &:hover, &:focus {
      img {
        filter: blur(0.5em);
      }
    }
  }
}
4 „Gefällt mir“