Codeschnipsel: Unterschied zwischen den Versionen

Aus microbit - Das Schulbuch
Wechseln zu: Navigation, Suche
(Codeschnipsel erstellen)
(Anmerkungen)
 
(18 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
==Codeschnipsel erstellen==
+
=Codeschnipsel erstellen und anzeigen in Wiki-Seiten=
  
Wenn du ein Codeschnipsel von der offiziellen Makecode.com website rendern möchtest, gehe wie folgt vor:
+
==Eine Anleitung für Autor*innen==
  
1. gehe auf makecode.mircobit.com in den editor und erstelle dein programm
+
Wenn du ein Codeschnipsel von der offiziellen Makecode.com Website rendern möchtest, gehe wie folgt vor:
2. wähle in der anzeige die darstellung "javascript" und kopieren den text
+
# Gehe auf makecode.mircobit.org in den Editor und erstelle dein Programm
3. füge den javascript code in die wiki-seite mit dem zusätzlichen html tag pre und attribut id gleich pre + fortlaufende nummer ein.
+
# Wähle in der Anzeige die Darstellung "JavaScript" und kopiere den Text
etwa so:
+
# Füge den JavaScript Code in die Wiki-Seite mit dem zusätzlichen HTML Tag "pre" und Attribut "id = pre + fortlaufende Nummer" ein. <br>[[Datei:Makecode rendering01.png|border]]
 +
# Gehe ganz zum Ende der Seite und füge dort das Script fürs Rendern mit dem HTML Tag "htmlet" ein. <br>[[Datei:Makecode rendering02.png|border]]
  
 +
<br>
 
<pre id="pre01">
 
<pre id="pre01">
 
basic.showNumber(22);
 
basic.showNumber(22);
 
</pre>
 
</pre>
 +
<br>
 +
 +
==Anmerkungen==
 +
*Manchmal dauert es ein paar Sekunden bevor die Rendering Engine das Bild zurückschickt und der JavaScript Code in der Ansicht ersetzt wird.
 +
*Bei Codeschnipsel, die aus mehreren Befehlen bestehen, muss unter Umständen nach jedem Befehl ein Strichpunkt (Semikolon) eingefügt werden. Bitte ausprobieren, falls der erste Versuch ohne Semikolon nicht klappt.
 +
*Die Größe des Bildes lässt sich derzeit nicht beeinflussen.
 +
**Mögliche Lösung wäre weitere Scripts mit kleinerer Darstellung, die leider fix einprogrammiert wird, auf dem Wikimedia Server zu installieren.
 +
**z.B. make_code_embed_90, makecode_embed_80, etc. mit der skalierten Darstellung.
 +
**Die Skalierung ist dann allerdings für die gesamte Wiki-Seite nur einmalig einstellbar und auf den gewählten Prozentsatz fixiert z.B: 80 Prozent.
  
 
<htmlet>makecode_embed</htmlet>
 
<htmlet>makecode_embed</htmlet>

Aktuelle Version vom 16. Juni 2021, 08:40 Uhr

Codeschnipsel erstellen und anzeigen in Wiki-Seiten

Eine Anleitung für Autor*innen

Wenn du ein Codeschnipsel von der offiziellen Makecode.com Website rendern möchtest, gehe wie folgt vor:

  1. Gehe auf makecode.mircobit.org in den Editor und erstelle dein Programm
  2. Wähle in der Anzeige die Darstellung "JavaScript" und kopiere den Text
  3. Füge den JavaScript Code in die Wiki-Seite mit dem zusätzlichen HTML Tag "pre" und Attribut "id = pre + fortlaufende Nummer" ein.
    Makecode rendering01.png
  4. Gehe ganz zum Ende der Seite und füge dort das Script fürs Rendern mit dem HTML Tag "htmlet" ein.
    Makecode rendering02.png


basic.showNumber(22);


Anmerkungen

  • Manchmal dauert es ein paar Sekunden bevor die Rendering Engine das Bild zurückschickt und der JavaScript Code in der Ansicht ersetzt wird.
  • Bei Codeschnipsel, die aus mehreren Befehlen bestehen, muss unter Umständen nach jedem Befehl ein Strichpunkt (Semikolon) eingefügt werden. Bitte ausprobieren, falls der erste Versuch ohne Semikolon nicht klappt.
  • Die Größe des Bildes lässt sich derzeit nicht beeinflussen.
    • Mögliche Lösung wäre weitere Scripts mit kleinerer Darstellung, die leider fix einprogrammiert wird, auf dem Wikimedia Server zu installieren.
    • z.B. make_code_embed_90, makecode_embed_80, etc. mit der skalierten Darstellung.
    • Die Skalierung ist dann allerdings für die gesamte Wiki-Seite nur einmalig einstellbar und auf den gewählten Prozentsatz fixiert z.B: 80 Prozent.