Vorlage:Thumbnailbox/Doku: Unterschied zwischen den Versionen
Aus KGS-Wiki
Sn (Diskussion | Beiträge) Die Seite wurde neu angelegt: „<noinclude> <templatedata> { "params": { "INHALT": { "aliases": [ "Inhalt" ], "label": "Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.", "description": "Muss angegeben werden", "example": "Mermaid-Graphen, mathematische Formeln usw.", "type": "wiki-file-name", "required": true }, "CAPTION": { "aliases": [ "Bildunterschrift" ], "label": "Eine Bildunterschrift", "description": "Darf auc…“ |
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<templatedata> | <templatedata> | ||
{ | { | ||
"params": { | "params": { | ||
"INHALT": { | "INHALT": { | ||
" | "label": "Inhalt", | ||
"description": "Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.", | |||
" | |||
"example": "Mermaid-Graphen, mathematische Formeln usw.", | "example": "Mermaid-Graphen, mathematische Formeln usw.", | ||
"type": "wiki-file-name", | "type": "wiki-file-name", | ||
| Zeile 14: | Zeile 10: | ||
}, | }, | ||
"CAPTION": { | "CAPTION": { | ||
" | "label": "Bildunterschrift", | ||
"description": "Eine Bildunterschrift, die auch leer bleiben darf.", | |||
" | |||
"example": "\"Ein gerichteter Graph mit negativen Kantengewichten", | "example": "\"Ein gerichteter Graph mit negativen Kantengewichten", | ||
"type": "content" | "type": "content" | ||
}, | |||
"ALIGN": { | |||
"label": "Ausrichtung", | |||
"description": "Die Ausrichtung der Box, darf auch leer bleiben", | |||
"default": "right", | |||
"example": "left, right, center", | |||
"type": "string" | |||
}, | |||
"STYLE": { | |||
"label": "Stilvorgaben", | |||
"description": "Weitere CSS-Regeln für diese Box", | |||
"example": "background-color: #c0ffee;", | |||
"type": "content" | |||
}, | |||
"CLASS": { | |||
"label": "CSS-Klasse(n)", | |||
"description": "Weitere CSS-Klassen für diese Thumbnailbox" | |||
} | } | ||
}, | }, | ||
"description": "Diese Vorlage erzeugt eine Thumbnail-Box, wie sie für Bilder mit | "description": "Diese Vorlage erzeugt eine Thumbnail-Box, wie sie für Bilder mit |thumb erzeugt werden kann, allerdings für beliebige Inhalte, z.B. Mermaid-Graphen oder mathematische Formeln", | ||
"format": "block" | "format": "block" | ||
} | } | ||
</templatedata> | </templatedata> | ||
</ | |||
== Beispiel == | |||
Der rechts stehende Code erzeugt das links stehende Thumbnail (für Nutzys von Mobilgeräten: das oben stehende Thumbnail wird vom untenstehenden Code erzeugt). | |||
{{Thumbnailbox| | |||
INHALT={{#mermaid:graph LR | |||
a((A)) | |||
b((B)) | |||
c((C)) | |||
d((D)) | |||
e((E)) | |||
a -- 3 --- b | |||
a -- 1 --- c | |||
b -- 7 --- c | |||
b -- 5 --- d | |||
b -- 1 --- e | |||
c -- 2 --- d | |||
d -- 7 --- e | |||
}} | |||
|CAPTION=Ein Beispielgraph}} | |||
<pre><nowiki> | |||
{{Thumbnailbox | |||
|INHALT={{#mermaid:graph LR | |||
a((A)) | |||
b((B)) | |||
c((C)) | |||
d((D)) | |||
e((E)) | |||
a -- 3 --- b | |||
a -- 1 --- c | |||
b -- 7 --- c | |||
b -- 5 --- d | |||
b -- 1 --- e | |||
c -- 2 --- d | |||
d -- 7 --- e | |||
}} | |||
|CAPTION=Ein Beispielgraph | |||
}} | |||
</nowiki></pre> | |||
Aktuelle Version vom 30. März 2023, 14:02 Uhr
Diese Vorlage erzeugt eine Thumbnail-Box, wie sie für Bilder mit |thumb erzeugt werden kann, allerdings für beliebige Inhalte, z.B. Mermaid-Graphen oder mathematische Formeln
| Parameter | Beschreibung | Typ | Status | |
|---|---|---|---|---|
| Inhalt | INHALT | Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.
| Datei | erforderlich |
| Bildunterschrift | CAPTION | Eine Bildunterschrift, die auch leer bleiben darf.
| Wikitext | optional |
| Ausrichtung | ALIGN | Die Ausrichtung der Box, darf auch leer bleiben
| Mehrzeiliger Text | optional |
| Stilvorgaben | STYLE | Weitere CSS-Regeln für diese Box
| Wikitext | optional |
| CSS-Klasse(n) | CLASS | Weitere CSS-Klassen für diese Thumbnailbox | Unbekannt | optional |
Beispiel
Der rechts stehende Code erzeugt das links stehende Thumbnail (für Nutzys von Mobilgeräten: das oben stehende Thumbnail wird vom untenstehenden Code erzeugt).
Ein Beispielgraph
{{Thumbnailbox
|INHALT={{#mermaid:graph LR
a((A))
b((B))
c((C))
d((D))
e((E))
a -- 3 --- b
a -- 1 --- c
b -- 7 --- c
b -- 5 --- d
b -- 1 --- e
c -- 2 --- d
d -- 7 --- e
}}
|CAPTION=Ein Beispielgraph
}}
