3.11 Spoiler: Inhalte hinter Button verbergen
| [gesichtete Version] | [gesichtete Version] |
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (7 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Mit dem Tag <spoiler> </spoiler> lassen sich verdeckte Informationen im Text platzieren und per Button aufklappen. | |||
<loop_area type="important">Spoiler können nicht verschachtelt werden!</loop_area> | |||
===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 untenstehende Abbildung). | |||
<loop_figure id="601bf6d391a99"> | |||
[[file:spoiler_des_gra_de.png]] | |||
<loop_title>Spoiler einfügen mit dem Seiteneditor</loop_title> | |||
<loop_description> </loop_description> | |||
</loop_figure> | |||
===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, Antwort denkbar. | |||
<loop_area type="example"> | |||
'''Syntax:''' | |||
<code><spoiler text="Normaler Spoiler - Klick mich"> | |||
Spoilertext | |||
</spoiler></code> | |||
'''Ergebnis:''' | |||
<spoiler text="Normaler Spoiler - Klick mich"> | |||
Spoilertext | |||
</spoiler> | |||
</loop_area> | |||
<loop_area type="important"> | |||
Den Parameter "text" können Sie auch weglassen. In diesem Fall wird der Standardtext "Lösung" als Buttonbeschriftung verwendet. | |||
</loop_area> | |||
===Type=== | |||
Der Tag Spoiler bietet über das Attribut '''type="transparent"''' die Möglichkeit einen transparenten Spoiler zu erstellen. | |||
<loop_area type="example"> | |||
'''Syntax:''' | |||
<code><spoiler text="Transparenter Spoiler" type="transparent"> | |||
Spoilertext | |||
</spoiler></code> | |||
'''Ergebnis:''' | |||
<spoiler text="Transparenter Spoiler" type="transparent"> | |||
Spoilertext | |||
</spoiler> | |||
</loop_area> | |||
===Noprint=== | |||
Der Tag Spoiler bietet über den Parameter '''noprint="true"''' die Möglichkeit, den hinter dem Spoiler befindlichen Text in der Druckversion (PDF) auszublenden. Das kann z.B. sinnvoll sein, wenn sich hinter dem Spoiler die Lösung für eine Aufgabe findet. Diese ist in der Online-Version erst durch klicken auf den Spoiler sichtbar, aber steht in der Druckversion direkt unter dem Spoiler, sodass die Lösung sofort einsehbar ist. Mit dem Parameter noprint="true" kann dies unterbunden werden. | |||
<loop_area type="example"> | |||
'''Syntax:''' | |||
<code><spoiler text="Lösung" noprint="true"> | |||
Dieser Text ist nur in der Online-Version sichtbar. | |||
</spoiler></code> | |||
'''Ergebnis:''' | |||
<spoiler text="Lösung" noprint="true"> | |||
Dieser Text ist nur in der Online-Version sichtbar. | |||
</spoiler> | |||
</loop_area> | |||
Aktuelle Version vom 27. April 2021, 11:22 Uhr
Mit dem Tag <spoiler> </spoiler> lassen sich verdeckte Informationen im Text platzieren und per Button aufklappen.
Spoiler können nicht verschachtelt werden!
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 untenstehende Abbildung).
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, Antwort denkbar.
Syntax:
<spoiler text="Normaler Spoiler - Klick mich">
Spoilertext
</spoiler>
Ergebnis:
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 Attribut type="transparent" die Möglichkeit einen transparenten Spoiler zu erstellen.
Syntax:
<spoiler text="Transparenter Spoiler" type="transparent">
Spoilertext
</spoiler>
Ergebnis:
Noprint
Der Tag Spoiler bietet über den Parameter noprint="true" die Möglichkeit, den hinter dem Spoiler befindlichen Text in der Druckversion (PDF) auszublenden. Das kann z.B. sinnvoll sein, wenn sich hinter dem Spoiler die Lösung für eine Aufgabe findet. Diese ist in der Online-Version erst durch klicken auf den Spoiler sichtbar, aber steht in der Druckversion direkt unter dem Spoiler, sodass die Lösung sofort einsehbar ist. Mit dem Parameter noprint="true" kann dies unterbunden werden.
Syntax:
<spoiler text="Lösung" noprint="true">
Dieser Text ist nur in der Online-Version sichtbar.
</spoiler>
Ergebnis: