3.9 Spoiler: Inhalte hinter Button verbergen

[unmarkierte Version]

Version vom 10. Dezember 2015, 16:41 Uhr

Mit dem Tag <spoiler> </spoiler> lassen sich verdeckte Informationen im Text platzieren und per Button aufklappen.

spoiler-Button im Seiteneditor

Der Editor besitzt einen Button zum Einfügen eines Spoilers. Mit einem Klick auf den spoiler-Button wird der entsprechende Tag eingefügt (siehe untenstehenden Abbildung).

Loop seiteneditor loop-untermenue spoiler marked.png

Abb. : Spoiler einfügen mit dem Seiteneditor

Beispiel

Code:

<spoiler text="Normaler Spoiler"> Text Text Text </spoiler>

Ergebnis:

text

Mit dem Attribut "text" können Sie den Spoiler betiteln. Je nach Einsatzszenario sind Betitelungen wie z.B.: Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen denkbar.

Beispiel

Code:

<spoiler text="Normaler Spoiler"> Spoilertext </spoiler>

Ergebnis:

Wichtig

Den Parameter "text" können Sie auch weglassen. In diesem Fall wird der Standardtext "Lösung" als Buttonbeschriftung verwendet.

type

Der Tag Spoiler bietet über das Attribute type="transparent" die Möglichkeit einen transparenten Spoiler zu erstellen.

Beispiel

Code:

<spoiler text="Transparenter Spoiler" type="transparent"> Spoilertext </spoiler>

Ergebnis:

@@ Zeile 21: / Zeile 21: @@
 ===text===
-......................................
+Mit dem Attribut "text" können Sie den Spoiler betiteln. Je nach Einsatzszenario sind Betitelungen wie z.B.: Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen denkbar.
-Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen
 <loop_area type="example">'''Code:'''
@@ Zeile 40: / Zeile 37: @@
 Den Parameter "text" können Sie auch weglassen. In diesem Fall wird der Standardtext "Lösung" als Buttonbeschriftung verwendet.
 </loop_area>
 ===type===