Vorlage:P5js: Unterschied zwischen den Versionen

Aus Informatik-Box
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
<includeonly>{{#ifeq:{{{embed|true}}}|true|<p5js height="{{#expr:{{{height|300}}}+41}}" width="{{{width|300}}}" allowfullscreen="0">{{{1}}}</p5js>|[{{{1}}} {{{2|{{{1}}}}}}]}}</includeonly><noinclude>
<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.
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 8: Zeile 8:
| <code>2</code> || Nein || Bezeichnung des Links zum Projekt, falls <code>embed=true</code>. || Text || {{Var|1}}
| <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>300px</code>
| <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>300px</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>
| <code>embed</code> || Nein || Ob das Projekt per {{Tag|iframe}} eingebunden werden soll. || <code>true</code>/<code>false</code> || <code>true</code>

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}}
Klicken, um das Programm zu starten.
{{P5js|https://preview.p5js.org/Ngb/present/SDgQJI13P|p5js Beispiel|embed=false}} p5js Beispiel