Edumaps: Eingaben und Formatierungen im Box-Editor

Erstellt von Edumaps 0. Klasse

Auf einen Blick 🚀

Auf einen Blick
  • Die auf Edumaps verwendeten Formatierungen für Texte sind leicht zu erlernen.
  • Falls Sie neu sind, hilft Ihnen die Editorleiste beim Einfügen der Formatierungszeichen.
  •  
  • 📝 Text-Formatierungen auf einen Blick:
  •  
    *kursiv*
     
    **fett**
     
    > Zitat
     
      Eingerückter Text
     
    Aufzählung:
    - Eins
    - Zwei
     
    Nummerierte Aufzählung: 
    1. Eins
    2. Zwei
     
    <<Rückmelde-Button>>
     
    {Farbiger Text}{#FF851B}
     
    {Linktext}{https://www.edumaps.de}
     
0

Leere Zeilen zwischen Elementen

Leere Zeilen zwischen Elementen
  • Elemente (Fotos, Videos, Links) müssen bei Edumaps mit leeren Zeilen getrennt werden.
  • Ein zusammenhängender Text wird auch wenn er auf der nächsten Zeile weitergeht als ein Element erkannt.
  • Beispiel:
  • Mein Text mit
    Zeilenumbruch
  • Mein Text mit
    Zeilenumbruch
  • Wollen wir nun ein Bild/Video oder eine Datei anhängen, so müssen wir eine Leerzeile dazwischen schalten.
  • ⚠️ Ansonsten gehört der Link zum vorigen Text.
  • Falsch ist:
  • Mein Text mit
    Zeilenumbruch
    Neuer Inhalt
  •  
  • Richtig ist mit einer leeren Zeile:
  • Mein Text mit
    Zeilenumbruch
     
    Neuer Inhalt
0

Fett oder Kursiv

Wörter fett oder kursiv machen
  • Fett mit umschließenden zwei Sternchen:
  • Fettdruck
  • Kursiv mit umschließenden einem Sternchen:
  • Kursivdruck
  •  
  • 📝 Eingabe:
  • **Fettdruck**
     
    *Kursivdruck*
  •  
  • Fett und Kursiv somit:
  • ***fettkursiv***
0

Zeilenumbruch und leere Zeilen

Zeilenumbrüche und neue Zeilen
  • Zeilenumbrüche werden genau wie im Texteditor dargestellt.
  • Setzt man eine neue Zeile (mit leerer Zeile davor), dann gilt dies als neuer Absatz.
  • Setzt man jedoch nur ein Enter im Texteditor und bricht damit den Text, so wird auch der Text in der Ansicht gebrochen.
  • Zum Beispiel wird folgende Eingabe mit Zeilenumbruch dargestellt:
  • Es folgt
    eine neue Zeile.
0
Mehrere leere Zeilen erzeugen
  • Grundsätzlich wird jede Zeile als eigene Einheit behandelt und vom System als eigene Zeile dargestellt.
  • Mehrere leere Zeilen werden zu einer Zeile zusammengefasst.
  • Wenn Sie jedoch weitere leere Zeilen einfügen möchten, so ist dies möglich, indem Sie in jede Zeile ein Leerzeichen setzen. Dadurch wird jede Zeile als eigenständige Zeile interpretiert.
  • Beispiel:
  • Erste Zeile und nun folgt ein Abstand:
  •  
  • Zeile mit Abstand.
0

Listen und Aufzählungen

Einfache Liste
  • Einfache Liste mit Anstrich erzeugen:
    • Test 1
    • Test 2
    • Test 3
  •  
  • 📝 Eingabe:
  • - Test 1
    - Test 2
    - Test 3
0
Nummerierte Liste
  • Nummerierte Listen können mit doppeltem Anstrich -- erzeugt werden:
    1. test 1
    2. test 2
    3. test 3
    4. Hello
      und auf die nächste Zeile
  • Die Nummerierung erfolgt automatisch.
  •  
  • 📝 Eingabe:
  • -- test 1
    -- test 2
    -- test 3
    -- Hello
    und auf die nächste Zeile
  •  
  • 📝 Alternative Eingabe mit Nummerierung:
  • 1. test 1
    2. test 2
    3. test 3
    4. Hello
    und auf die nächste Zeile
  • Die Nummerierung kann auch mit einer anderen Zahl starten. Beispiel:
    1. Fünfter Eintrag
    2. Sechster Eintrag
    3. usw.
0
Liste mit Einzug erzeugen
  • Eine Liste kann mit Einzug dargestellt werden, indem man ein Leerzeichen vor jeden Anstrich setzt.
  • Beispiel:
    • Eins
    • Zwei
    • Drei
  • 📝 Eingabe:
  •  - Eins
     - Zwei
     - Drei
  •  
  • Auch Teillisten sind möglich:
    • Hunderassen
      • Dackel
      • Schäferhund
      • Beagle
  • 📝 Eingabe:
  • - Hunderassen
    - Dackel
    - Schäferhund
    - Beagle
0

Text einrücken

Text einrücken
  • Text kann eingerückt werden, indem man zu Beginn der Zeile zwei Leerzeichen setzt.
  • Zum Beispiel:
  • Dies ist ein langer eingerückter Text über mehrere Zeilen.
  •  
  • 📝 Eingabe:
  •    Dies ist ein langer eingerückter Text über mehrere Zeilen.
0
Text-Einzug mit zwei Stufen
  • Text kann in zwei Stufen eingerückt werden:
  • Standard
  • Einzug Stufe 1
  • Einzug Stufe 2
  • Für die erste Stufe sind zwei Leerzeichen am Anfang der Zeile zu setzen.
  • Für die zweite Stufe sind vier Leerzeichen am Anfang der Zeile zu setzen.
  •  
  • 📝 Eingabe:
  • Standard
     
      Einzug Stufe 1
     
        Einzug Stufe 2
0

Zitate

Zitate setzen
  • Zitat werden mit einem > am Beginn der Zeile erzeugt:
  • Alle Träume können wahr werden, wenn wir den Mut haben, ihnen zu folgen.
  •  
  • 📝 Eingabe:
  • > Alle Träume können wahr werden, wenn wir den Mut haben, ihnen zu folgen.
0

Links mit Vorschaubildern

Link mit Vorschaubild
  • Wenn ein Link zu einer externen Webseite eingefügt wird, so wird innerhalb von 1 Minute ein Vorschaubild generiert.
  • Zum Beispiel:
  • Thumbnail www.bildungsserver.de
  •  
  • 📝 Eingabe:
  • https://www.bildungsserver.de/
  •  
  • ⚠️ Ein Vorschaubild wird nur erzeugt, wenn der Link alleine auf einer Zeile steht.
  • Befindet sich der Link innerhalb von Text, so wird er als Textlink dargestellt.
0
Link mit Vorschau und eigenem Text
  • Wenn Sie unter dem Vorschaubild einen eigenen Text setzen wollen, so geben Sie direkt auf der nächsten Zeile, die dem Link folgt, diesen Text ein.
  • Zum Beispiel:
  • Thumbnail Webseite zum Bildungsserver
  •  
  • 📝 Eingabe:
  • https://www.bildungsserver.de/
    Webseite zum Bildungsserver
0
Textlink setzen (ohne Vorschaubild)
  • Möchte man einen reinen Textlink erzeugen und ein Link-Vorschaubild verhinden, so setzt man ein Ausrufezeichen ! vor das https.
  • Oder aber man umschließt den Link mit geschweiften Klammern{https://...}.
  • Beispiel:
  • Das ist ein Textlink: https://de.wikipedia.org/wiki/Hessen
  •  
  • 📝 Eingabe:
  • Das ist ein Textlink: !https://de.wikipedia.org/wiki/Hessen
  • oder:
  • Das ist ein Textlink: {https://de.wikipedia.org/wiki/Hessen}
0

Links im Text

Links innerhalb von Text
  • Befindet sich der Link innerhalb des Textes, so wird er automatisch als Inline-Link dargestellt - ohne Vorschaubild.
  • Beispiel für Inline-Link:
  • „Das ist ein Beispiellink zu https://www.tutory.de in der Mitte des Textes.“
0
Text verlinken
  • Möchte man einen Teil eines Textes verlinken, so ist dies ebenfalls möglich.
  • Beispiel:
  • Das ist ein verlinkter Text.
  •  
  • 📝 Eingabe:
  • Das ist ein {verlinkter Text}{https://www.edumaps.de/}.
0

Labels von Bildern und Links

Labels von Bildern und Links
  • Unter jedem Bild, Vorschaubild, Video etc. wird grundsätzlich ein Text angezeigt.
  • Handelt es sich um eine hochgeladene Datei, so wird standardgemäß der Dateiname als Bildunterschrift gesetzt.
  • Man kann jede Bildunterschrift ändern, indem man den Text unter dem UPLOAD ändert.
  • UPLOAD3
    meinedatei.jpg
  • zu:
  • UPLOAD3
    Foto von der Schule
0
Info-Icon beim Bild (Quellenangabe)
  • Möchte man eine Information wie z. B. eine Quellenangabe bei einem hochgeladenen Bild hinterlassen, so kann man dies wie folgt tun:
  • 📝 Eingabe:
  • UPLOAD3
    {Quelle: https://www.externequelle.org/}
  • Der Text innerhalb der geschweiften Klammern wird bei dem Info-Icon angezeigt, wenn man mit der Maus herüber fährt oder darauf klickt.
  • Beispiel:
  • https://www.edumaps.de/file?id=16536294802914204815.png&code=entwtc6
  • Das Info-Icon funktioniert ebenfalls zusammen mit der Bildunterschrift:
  • 📝 Eingabe:
  • UPLOAD3
    Bildunterschrift
    {Hier der Infotext zum Bild}
0

Code eingeben

Code eingeben
  • Inline-Code setzen mit Backticks.
  • Beispiel: 24·x + 12 = 5
  • var x = 12;
    var y = 12;
    var z = x + y;
  • Damit lassen sich auch einzelne Wörter hervorheben. Diese sind dann jedoch mit Schriftart Monospace.
  •  
  • 📝 Eingabe:
  • Beispiel: `24·x + 12 = 5`
     
    `var x = 12;`
    `var y = 12;`
    `var z = x + y;`
0

Latex nutzen

Latex nutzen
  • Latex als Block mit umschließenden Dollarzeichen:
  • $$ \int \limits_{2}^{\infty} + \frac{1}{2}·x^{45+y+{\alpha} } $$
  • Latex inline setzen mit \( 5x+2^x = 12 \) und weiterschreiben. Geht auch mehrfach \( x^2 \) und \( x^3 \).
  •  
  • 📝 Eingabe:
  • $$ \int \limits_{2}^{\infty} + \frac{1}{2}·x^{45+y+{\alpha} } $$
     
    Latex inline setzen mit \( 5x+2^x = 12 \) und weiterschreiben. Geht auch mehrfach \( x^2 \) und \( x^3 \).
0

Hochstellen und Tiefstellen

Text hochstellen und tiefstellen
  • Hochstellen geht mit Caret und geschweiften Klammern.
  • Beispiel: x^{2y}
  • Tiefstellen geht mit Unterstrich und geschweiften Klammern.
  • Beispiel: x_{1}
  •  
  • 📝 Eingabe:
  • Beispiel: x^{2y}
     
    Beispiel: x_{1}
0

Eigene Notizen in Boxen

Eigene Notizen in Boxen
  • Eigene Notizen kann man im Bearbeitungsmodus einfügen.
  • Diese Notizen werden nur dem Bearbeiter angezeigt.
  • Hierzu einfach am Anfang der Zeile zwei Schrägstriche // setzen.
  • Die Zeile wird dann in der Map-Ansicht nicht dargstellt.
  • https://www.edumaps.de/file?id=3829766723380574082.png&code=y08jsnl
    Eigene Notiz (nur im Bearbeitungsmodus)
0

Spoiler-Funktion

Spoiler
  • Die Spoiler-Funktion bedeutet: Inhalte können versteckt werden und sind nur mit Klick anzeigbar.
  • Beispiel:
  • Dies ist ein versteckter Lösungstext.
  • https://www.edumaps.de/file?id=15951864615653000476.jpg&code=unhj8wy
    Dies ist ein verstecktes Foto.
  • Spoiler werden einfach mit ?? zu Beginn einer Zeile gesetzt.
  •  
  • 📝 Eingabe:
  • Beispiel:
     
    ?? Dies ist ein versteckter Lösungstext.
     
    ?? UPLOAD3
    Dies ist ein verstecktes Foto.
0

Graphen einbetten

Graphen einbetten
0

Farbe für Text/Wörter

Farbe für Text/Wörter
  • Man kann Wörter mit beliebigen Farben versehen.
  • Beispiel: Dies ist ein blaues Wort.
  •  
  • 📝 Eingabe:
  • Dies ist ein {blaues Wort}{0000FF}.
  •  
  • Hierzu muss man RGB-Farbcodes kennen:
  • Thumbnail en.wikipedia.org
  • Beispiele von RGB-Farbcodes:
    • rot FF0000
    • grün 00FF00
    • blau 0000FF
    • grau 888888
    • hellgrau CCC
    • kastanienbraun 800000
    • gelb FFFF00
    • oliv 808000
    • lindgrün 00FF00
    • dunkelgrün 008000
    • seegrün 008080
    • marineblau 000080
    • aqua 00FFFF
    • fuchsienfarbig FF00FF
    • violett 800080
0

Überschriften und Trennlinie

Überschriften setzen
  • Eine Überschrift kann gesetzt werden, indem man ein Hash-Zeichen # gefolgt von einem Leerzeichen am Anfang der Zeile setzt.
  • Meine Überschrift
  •  
  • 📝 Eingabe:
  • # Meine Überschrift
0
Horizontale Linie
  • Eine horizontale Linie kann innerhalb einer Box mit --- gesetzt werden.
  • Beispiel:
  •  
  • 📝 Eingabe:
  • ---
0

Button für Rückmeldung

Button für Rückmeldung
  • Möchte man, dass die Schüler ihre Rückmeldung direkt per Button aufrufen und abgeben können, so kann man hierzu einen Button setzen.
  • Beispiel:
  • Rückmeldung hier
  •  
  • 📝 Eingabe:
  • Dazu verwendet man zwei eckige Klammern zu Beginn und am Ende.
  • <<Rückmeldung hier>>
0

Formatierungen in Pfaden

Kopfzeile eines Pfades verlinken
0
Anmerkungen einfügen
  • Im Pfad-Editor kann man "Anmerkungen einfügen". Diese Anmerkungen erscheinen unterhalb des Pfadtitels.
  • In den Anmerkungen werden neue Zeilen berücksichtigt.
  • Auch kann man Formatierungen für Fett Kursiv setzen.
  • 📝 Eingabe (Beispiel):
  • **Vorwissen:** Dies sind meine Anmerkungen zu dem Thema.
     
    Zweite Zeile mit mehr Information.
0

Sonstiges

Markdown
  • Unser Editor unterstützt einen Großteil der Markdown-Syntax.
  • Artikel über Markdown (Wikipedia).
  • Falls Sie Texte in Markdown in Ihren Dokumenten verfasst haben, können Sie diese direkt per Copy & Paste in unseren Editor einfügen.
0