Vorlage:Thumbnailbox/Doku: Unterschied zwischen den Versionen

Aus KGS-Wiki
(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…“)
 
Keine Bearbeitungszusammenfassung
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<noinclude>
<templatedata>
<templatedata>
{
{
"params": {
"params": {
"INHALT": {
"INHALT": {
"aliases": [
"label": "Inhalt",
"Inhalt"
"description": "Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.",
],
"label": "Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.",
"description": "Muss angegeben werden",
"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": {
"aliases": [
"label": "Bildunterschrift",
"Bildunterschrift"
"description": "Eine Bildunterschrift, die auch leer bleiben darf.",
],
"label": "Eine Bildunterschrift",
"description": "Darf auch leer bleiben",
"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 <code><nowiki>|thumb</nowiki></code> erzeugt werden kann, allerdings für beliebige Inhalte, z.B. Mermaid-Graphen oder mathematische Formeln",
"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>
</noinclude>
 
== 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

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

ParameterBeschreibungTypStatus
InhaltINHALT

Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.

Beispiel
Mermaid-Graphen, mathematische Formeln usw.
Dateierforderlich
BildunterschriftCAPTION

Eine Bildunterschrift, die auch leer bleiben darf.

Beispiel
"Ein gerichteter Graph mit negativen Kantengewichten
Inhaltoptional
AusrichtungALIGN

Die Ausrichtung der Box, darf auch leer bleiben

Standard
right
Beispiel
left, right, center
Zeichenfolgeoptional
StilvorgabenSTYLE

Weitere CSS-Regeln für diese Box

Beispiel
background-color: #c0ffee;
Inhaltoptional
CSS-Klasse(n)CLASS

Weitere CSS-Klassen für diese Thumbnailbox

Unbekanntoptional

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
}}