Vorlage:P5js: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<includeonly>{{#ifeq:{{{embed|true}}}|true|<p5js height="{{{height|300}}}" width="{{{width| | <includeonly>{{#ifeq:{{{embed|true}}}|true|<p5js height="{{{height|300}}}" 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. | 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. | ||
| Zeile 10: | Zeile 10: | ||
| <code>height</code> || Nein || Breite des {{Tag|iframe}}. || Längenangaben || <code>300px</code> | | <code>height</code> || Nein || Breite des {{Tag|iframe}}. || Längenangaben || <code>300px</code> | ||
|- | |- | ||
| <code>width</code> || Nein || Höhe des {{Tag|iframe}}. || Längenangaben || | | <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> | | <code>embed</code> || Nein || Ob das Projekt per {{Tag|iframe}} eingebunden werden soll. || <code>true</code>/<code>false</code> || <code>true</code> | ||
Version vom 13. November 2021, 17:32 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 | 300px
|
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 |