Edumaps: Eingaben und Formatierungen im Box-Editor

Erstellt von Edumaps . 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}
     

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 als ein Element erkannt, auch wenn er auf der nächsten Zeile weitergeht.
  • Beispiel:
  • Mein Text mit
    Zeilenumbruch
  • Mein Text mit
    Zeilenumbruch
  • ⚠️ Wollen wir nun einen neuen Inhalt (Bild, Video etc.) anhängen, so müssen wir eine Leerzeile zwischen Text und Upload schalten.
  • Falsch:
  • Mein Text mit
    Zeilenumbruch
    Neuer Inhalt
  • ✔️ Richtig ist mit einer leeren Zeile:
  • Mein Text mit
    Zeilenumbruch
     
    Neuer Inhalt

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***

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.
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.

Listen und Aufzählungen

Einfache Liste
  • Einfache Liste mit Anstrich erzeugen:
    • Test 1
    • Test 2
    • Test 3
  •  
  • 📝 Eingabe:
  • - Test 1
    - Test 2
    - Test 3
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.
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

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.
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

Zitate

Zitate setzen
  • Zitate 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.

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:
  •  
  • 📝 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.
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:
  •  
  • 📝 Eingabe:
  • https://www.bildungsserver.de/
    Webseite zum Bildungsserver
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}

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.“
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/}.

Labels von Bildern und Links

Labels von Bildern und Links
  • Für jede hochgeladene Bild-, Audio-, Video-Datei usw. kann ein Label vergeben werden.
  • Dieses Label (Bildunterschrift) kann man auch nachträglich ändern, indem man den Text unter UPLOAD ändert.
  • UPLOAD3
    Test Test
  • zu:
  • UPLOAD3
    Foto von der Schule
Info-Icon bei Uploads (Bild/PDF)
  • Möchte man eine Information (wie z. B. eine Quellenangabe) bei einem hochgeladenen Bild oder einer PDF 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:
  • Das Info-Icon funktioniert ebenfalls zusammen mit der Bildunterschrift:
  • 📝 Eingabe:
  • UPLOAD3
    Bildunterschrift
    {Hier der Infotext zum Bild}

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;`

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 \).

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}

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.

Spoiler-Funktion

Spoiler
  • Die Spoiler-Funktion bedeutet: Inhalte können versteckt werden und sind nur mit Klick anzeigbar.
  • Beispiel:
  • Zum Zeigen klicken
    Dies ist ein versteckter Lösungstext.
  • Zum Zeigen klicken
  • Spoiler werden einfach mit ?? zu Beginn einer Zeile gesetzt.
  •  
  • 📝 Eingabe:
  • Beispiel:
     
    ?? Dies ist ein versteckter Lösungstext.
     
    ?? UPLOAD3
    Dies ist ein verstecktes Foto.

Graphen einbetten

Graphen einbetten

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:
  • Beispiele von RGB-Farbcodes:
    • rot FF0000
    • grün 00FF00
    • blau 0000FF
    • grau 888888
    • hellgrau CCCCCC
    • kastanienbraun 800000
    • gelb FFFF00
    • oliv 808000
    • lindgrün 00FF00
    • dunkelgrün 008000
    • seegrün 008080
    • marineblau 000080
    • aqua 00FFFF
    • fuchsienfarbig FF00FF
    • violett 800080

Ü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
Unterüberschrift (Untertitel) setzen
  • Eine Unterüberschrift lässt sich mit zwei Hash-Zeichen ## gefolgt von einem Leerzeichen am Anfang der Zeile setzen:
  • Zweite Überschrift
  •  
  • 📝 Eingabe:
  • ## Zweite Überschrift
Horizontale Linie
  • Eine horizontale Linie kann innerhalb einer Box mit --- gesetzt werden.
  • Beispiel:

  •  
  • 📝 Eingabe:
  • ---

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:
  •  
  • 📝 Eingabe:
  • Dazu verwendet man zwei eckige Klammern zu Beginn und am Ende.
  • <<Rückmeldung hier>>

Formatierungen in Pfaden

Kopfzeile eines Pfades verlinken
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.

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.