Edumaps: Eingaben und Formatierungen im Box-Editor
Erstellt von Edumaps 0. KlasseAuf 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
-
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
Fett oder Kursiv
Zeilenumbruch und leere 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.
-
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
-
Nummerierte Listen können mit doppeltem Anstrich
--
erzeugt werden: -
- test 1
- test 2
- test 3
- 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:
-
- Fünfter Eintrag
- Sechster Eintrag
- usw.
-
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 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
Links mit Vorschaubildern
-
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.
-
Möchte man einen reinen Textlink erzeugen und ein Link-Vorschaubild verhinden, so setzt man ein Ausrufezeichen
!
vor dashttps
. -
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
-
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.“
-
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
-
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
-
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:
-
Das Info-Icon funktioniert ebenfalls zusammen mit der Bildunterschrift:
-
📝 Eingabe:
UPLOAD3
Bildunterschrift
{Hier der Infotext zum Bild}
Code eingeben
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
Eigene Notizen in Boxen
Spoiler-Funktion
-
Die Spoiler-Funktion bedeutet: Inhalte können versteckt werden und sind nur mit Klick anzeigbar.
-
Beispiel:
-
Dies ist ein versteckter Lösungstext.
-
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
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 CCC
- 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
Button für Rückmeldung
Formatierungen in Pfaden
-
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
-
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.