Vorlage:P5js: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
{{#ifeq:{{{embed|true}}}|true|<p5js height=" | <includeonly>{{#ifeq:{{{embed|true}}}|true|<p5js height="{{#expr:{{{height|400}}}+41}}" width="{{{width|400}}}" allowfullscreen="0">{{{1}}}</p5js>|[{{{1}}} {{{2|{{{1}}}}}}]}}</includeonly><noinclude> | ||
Bettet [https://p5js.org p5js] Projekte auf einer Seite ein. Die Vorlage unterstützt sowohl die Einbettung als {{Tag|iframe}}, als auch die Erzeugung eines Links zum Projekt. Normalerweise wird das Projekt direkt in die Seite eingebunden, aber durch setzen des Parameters <code>embed=false</code> wird der Link erzeugt. | |||
{| {{Paramtable}} | |||
| <code>1</code> || Ja || Preview-Url des p5js-Projektes. || URL im Format <code>https://preview.p5js.org/<username>/present/<projektid></code> || | |||
|- | |||
| <code>2</code> || Nein || Bezeichnung des Links zum Projekt, falls <code>embed=true</code>. || Text || {{Var|1}} | |||
|- | |||
| <code>height</code> || Nein || Breite des {{Tag|iframe}}. || Längenangaben || <code>400px</code> | |||
|- | |||
| <code>width</code> || Nein || Höhe des {{Tag|iframe}}. || Längenangaben || <code>400px</code> | |||
|- | |||
| <code>embed</code> || Nein || Ob das Projekt per {{Tag|iframe}} eingebunden werden soll. || <code>true</code>/<code>false</code> || <code>true</code> | |||
|} | |||
== Verwendung == | |||
{| {{Exampletable}} | |||
| {{Tpl2|P5js|<nowiki>https://preview.p5js.org/Ngb/present/SDgQJI13P</nowiki>,p5js Beispiel,height{{=}}100}} || {{P5js|https://preview.p5js.org/Ngb/present/SDgQJI13P|p5js Beispiel|height=100}} | |||
|- | |||
| {{Tpl2|P5js|<nowiki>https://preview.p5js.org/Ngb/present/SDgQJI13P</nowiki>,p5js Beispiel,embed{{=}}false}} || {{P5js|https://preview.p5js.org/Ngb/present/SDgQJI13P|p5js Beispiel|embed=false}} | |||
|} | |||
[[Kategorie:Vorlagen:Medien]] | |||
</noinclude> | |||
Aktuelle Version vom 13. November 2021, 17:37 Uhr
Bettet p5js Projekte auf einer Seite ein. Die Vorlage unterstützt sowohl die Einbettung als <iframe>, als auch die Erzeugung eines Links zum Projekt. Normalerweise wird das Projekt direkt in die Seite eingebunden, aber durch setzen des Parameters embed=false wird der Link erzeugt.
| Parameter | Pflicht | Beschreibung | Mögliche Werte | Standard |
|---|---|---|---|---|
1 |
Ja | Preview-Url des p5js-Projektes. | URL im Format https://preview.p5js.org/<username>/present/<projektid> |
|
2 |
Nein | Bezeichnung des Links zum Projekt, falls embed=true. |
Text | {{{1}}}
|
height |
Nein | Breite des <iframe>. |
Längenangaben | 400px
|
width |
Nein | Höhe des <iframe>. |
Längenangaben | 400px
|
embed |
Nein | Ob das Projekt per <iframe> eingebunden werden soll. |
true/false |
true
|
Verwendung
| Markup | Ergebnis |
|---|---|
{{P5js|https://preview.p5js.org/Ngb/present/SDgQJI13P|p5js Beispiel|height=100}} |
|
{{P5js|https://preview.p5js.org/Ngb/present/SDgQJI13P|p5js Beispiel|embed=false}} |
p5js Beispiel |