Vorlage:Diagramm: Unterschied zwischen den Versionen

Aus E-Learning Wiki
(Die Seite wurde neu angelegt: „{{#drawio:{{{DiagrammName}}}|type=png|max-width={{{MaximaleBreite|2000px}}} }} <noinclude> <templatedata> { "params": { "DiagrammName": { "description": "Name des Diagramms. Bitte einen neuen Namen vergeben! Alternativ: Wenn ein Diagrammname an mehreren Stellen verwendet wird, wird dasselbe Diagramm an diesen Stellen angezeigt", "example": "IliasEinloggBildchen", "type": "string", "required": true }, "MaximaleBreite": { "description"…“)
 
Keine Bearbeitungszusammenfassung
 
(11 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{#drawio:{{{DiagrammName}}}|type=png|max-width={{{MaximaleBreite|2000px}}} }}
{{#drawio:{{{1}}}|type=png|max-width={{{MaximaleBreite|100%}}} }}
 
<noinclude>
<noinclude>
<templatedata>
<templatedata>
{
{
"params": {
"params": {
"DiagrammName": {
"1": {
"description": "Name des Diagramms. Bitte einen neuen Namen vergeben! Alternativ: Wenn ein Diagrammname an mehreren Stellen verwendet wird, wird dasselbe Diagramm an diesen Stellen angezeigt",
"description": "Name des Diagramms. Bitte einen neuen Namen vergeben! Alternativ: Wenn ein Diagrammname an mehreren Stellen verwendet wird, wird dasselbe Diagramm an diesen Stellen angezeigt",
"example": "IliasEinloggBildchen",
"example": "IliasEinloggBildchen",
"type": "string",
"type": "string",
"required": true
"required": true,
"label": "DiagrammName"
},
},
"MaximaleBreite": {
"MaximaleBreite": {
"description": "Wie breit das Diagramm maximal sein darf. Nur erforderlich, wenn man verhindern will, dass das Diagramm auf die gesammte Breite der Seite ausgedehnt wird."
"description": "Wie breit das Diagramm maximal sein darf. Nur erforderlich, wenn man verhindern will, dass das Diagramm auf die gesamte Breite der Seite ausgedehnt wird. Als Einheiten kann man z.B. Pixel angeben (mit px, z.B. \"300px\"), oder, das ist meistens besser, die breite des Buchstabens \"M\" (mit em, z.B. \"40em\"). Wenn man nur einen bestimmten Prozentsatz des verfügbaren Raums angeben will, kann man einfach diesen Prozensatz eintragen, z.B. \"80%\". Am wichtigsten ist aber der Wert \"chart\". Damit wird das Bild nie größer als die Auflösung des von Draw.io-generierten PNGs, aber wird wenn (z.B. auf Handys) nötig auf den Verfügbaren Platz verkleinert. (Wenn man z.B. einen Screenshot in draw.io einfügt und dann nicht in draw.io seine Größe verändert, hat er im Draw.io-Png die Auflösung, die der Bildschirmregion, von der der Screenshot angefertigt wurde, entspricht.",
"example": "40em",
"type": "string",
"suggestedvalues": [
"chart",
"75%",
"100%",
"40em",
"400px"
],
"default": "100%"
}
}
}
},
"description": "Diese Vorlage fügt ein Draw.io-Diagramm in die Seite ein (als png)."
}
}
</templatedata>
</templatedata>
</noinclude>
</noinclude>

Aktuelle Version vom 25. März 2024, 17:52 Uhr

drawio: ---1---


Diese Vorlage fügt ein Draw.io-Diagramm in die Seite ein (als png).

Vorlagenparameter

ParameterBeschreibungTypStatus
DiagrammName1

Name des Diagramms. Bitte einen neuen Namen vergeben! Alternativ: Wenn ein Diagrammname an mehreren Stellen verwendet wird, wird dasselbe Diagramm an diesen Stellen angezeigt

Beispiel
IliasEinloggBildchen
Mehrzeiliger Texterforderlich
MaximaleBreiteMaximaleBreite

Wie breit das Diagramm maximal sein darf. Nur erforderlich, wenn man verhindern will, dass das Diagramm auf die gesamte Breite der Seite ausgedehnt wird. Als Einheiten kann man z.B. Pixel angeben (mit px, z.B. "300px"), oder, das ist meistens besser, die breite des Buchstabens "M" (mit em, z.B. "40em"). Wenn man nur einen bestimmten Prozentsatz des verfügbaren Raums angeben will, kann man einfach diesen Prozensatz eintragen, z.B. "80%". Am wichtigsten ist aber der Wert "chart". Damit wird das Bild nie größer als die Auflösung des von Draw.io-generierten PNGs, aber wird wenn (z.B. auf Handys) nötig auf den Verfügbaren Platz verkleinert. (Wenn man z.B. einen Screenshot in draw.io einfügt und dann nicht in draw.io seine Größe verändert, hat er im Draw.io-Png die Auflösung, die der Bildschirmregion, von der der Screenshot angefertigt wurde, entspricht.

Vorgeschlagene Werte
chart 75% 100% 40em 400px
Standard
100%
Beispiel
40em
Mehrzeiliger Textoptional