Codeschnipsel: Unterschied zwischen den Versionen

Aus microbit - Das Schulbuch
Zur Navigation springen Zur Suche springen
Oliver.kastner (Diskussion | Beiträge)
Oliver.kastner (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 8: Zeile 8:


<br>
<br>
<pre id="pre01">
basic.showNumber(22);
</pre>
==Anmerkungen==
==Anmerkungen==
*Manchmal dauert es ein paar Sekunden bevor die Rendering Engine das Bild schickt und der JavaScript Code in der Ansicht ersetzt wird.
*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.
*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.  
*Die Größe des Bildes lässt sich derzeit nicht beeinflussen.  
Zeile 15: Zeile 18:
**z.B. make_code_embed_90, makecode_embed_80, etc. mit der skalierten Darstellung.
**z.B. make_code_embed_90, makecode_embed_80, etc. mit der skalierten Darstellung.
**Die Sklaierung wäre dann allerdings für die gesamte Wiki-Seite nur einmalig einstellbar und fixiert auf den gewählten Prozentsatz.
**Die Sklaierung wäre dann allerdings für die gesamte Wiki-Seite nur einmalig einstellbar und fixiert auf den gewählten Prozentsatz.
<br>
<pre id="pre01">
basic.showNumber(22);
</pre>


<htmlet>makecode_embed</htmlet>
<htmlet>makecode_embed</htmlet>

Version vom 16. Juni 2021, 08:35 Uhr

Codeschnipsel erstellen 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.
  4. Gehe ganz zum Ende der Seite und füge dort das Script fürs Rendern mit dem HTML Tag "htmlet" ein.


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 Sklaierung wäre dann allerdings für die gesamte Wiki-Seite nur einmalig einstellbar und fixiert auf den gewählten Prozentsatz.