Edumaps: Eingaben und Formatierungen im Box-Editor
Erstellt von Edumaps . 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
{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 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
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.
Zitate
-
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.
-
-
Eine zweite Darstellung von Zitaten wird mit
>>
am Beginn der Zeile erzeugt: -
Errare humanum est.
-
-
📝 Eingabe:
>> Errare humanum est.
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}
-
Um ein eigenes Vorschaubild zu setzen, gehen Sie wie folgt vor:
-
- Machen Sie einen Screenshot von der Webseite.
-
- Laden Sie den Screenshot in Ihre Box hoch.
-
- Tragen Sie anschließend den Link zur Webseite direkt unterhalb des
UPLOAD1
-Textes ein.
- Tragen Sie anschließend den Link zur Webseite direkt unterhalb des
-
- Setzen Sie zusätzlich ein Ausrufezeichen
!
vor den Link. Dadurch wird das Vorschaubild auf die externe Webseite verlinkt.
- Setzen Sie zusätzlich ein Ausrufezeichen
-
📝 Eingabe:
UPLOAD1
!https://de.wikipedia.org/
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
-
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
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 \).-
Hinweis: Nutzen Sie für Latex innerhalb von Textfeldern stets Inline-Latex mit
\( … \)
und nicht Block-Latex.
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:
-
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.
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
Hintergrundfarbe für Texte/Wörter
-
Man kann Wörter mit beliebigen Farben hinterlegen. Hierzu bei einem bereits eingefärbten Wort hinter den Farbcode ein weiteres Hash
#
anfügen. -
Beispiel: Dies ist ein grünes Wort und das ein rotes Wort.
-
-
📝 Eingabe:
Dies ist ein {grünes Wort}{#CCFFCC#} und das ein {rotes Wort}{#FFA1A5#}.
-
-
Farben werden auch hier mit RGB-Farbcodes angegeben. Beispiele von RGB-Farbcodes:
Rot #FF0000 | Grün #00FF00 | Blau #0000FF
Überschriften
-
Eine Unterüberschrift lässt sich mit zwei Hash-Zeichen
##
gefolgt von einem Leerzeichen am Anfang der Zeile setzen: -
Zweite Überschrift
-
-
📝 Eingabe:
## Zweite Überschrift
-
-
Eine weitere Unterüberschrift lässt sich mit drei Hash-Zeichen
###
gefolgt von einem Leerzeichen am Anfang der Zeile setzen: -
Dritte Überschrift
-
-
📝 Eingabe:
### Dritte Überschrift
Button für Rückmeldung
Trennlinien
Checkboxen
Tooltips (Popups)
-
Möchte man ein bestimmtes Wort erklären, so eignet sich ein sogenannter „Tooltip“ hierfür, der eine Erklärung anzeigt, sobald der Benutzer mit der Maus über das Wort fährt oder auf einem mobilen Endgerät auf das Wort klickt.
-
Beispiel:
-
-
📝 Eingabe:
Ein [Ozelot]{Der Ozelot ist eine in Mittel- und Südamerika lebende Raubtierart.} ist kein [Axolotl]{Der Axolotl ist ein aquatil lebender Schwanzlurch}.
-
-
⚠️ Tooltips dürfen nur aus Reintext bestehen und keine Links oder Uploads enthalten.
Graphen einbetten
Formatierungen in Pfadtiteln
-
Im Pfad-Editor kann man beim Titel-Eingabefeld auch einzelne Wörter formattieren.
-
Hier ist es möglich, Fett und Kursiv mit Sternchen zu setzen. Auch Zeilenumbrüche sind mit zwei Backslashs möglich.
-
📝 Eingabe (Beispiel):
**Fette Überschrift** \\ Dies ist auf der nächsten Zeile. \\ Hier nun ein *kursives Wort*.
-
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.
Formatierungen in Boxtiteln
-
Im Box-Editor kann man beim Titel-Eingabefeld auch einzelne Wörter formattieren.
-
Hier ist es möglich, Fett und Kursiv mit Sternchen zu setzen. Auch Zeilenumbrüche sind mit zwei Backslashs möglich.
-
📝 Eingabe (Beispiel):
**Fette Überschrift** \\ Dies ist auf der nächsten Zeile. \\ Hier nun ein *kursives Wort*.
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.
-
Sie könnnen Hintergrundfarben von Boxen und Pfaden halbtransparent oder vollständig transparent gestalten.
-
Um einen halbtransparenten Hintergrund zu erzeugen, müssen Sie:
-
- Farbe bearbeiten klicken
- Farbcode ändern
- An den Farbcode hinten ein
55
anhängen
-
Nun ist der Titel-Hintergrund halbtransparent. Wollen Sie die ganze Box halbtransparent, müssen Sie noch auf das Icon "Box mit Farbe füllen" ganz rechts klicken.
-
Die Transparentwerte, die an einen Farbcode wie
#FF5500
angehangen werden können, laufen von00
(voll transparent) bisFF
(opaque). -