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.
| Inhalt | optional |
Ausrichtung | ALIGN | Die Ausrichtung der Box, darf auch leer bleiben
| Zeichenfolge | optional |
Stilvorgaben | STYLE | Weitere CSS-Regeln für diese Box
| Inhalt | 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).
{{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 }}