# TinyMCE-Schriftwerkzeuge

Die Schriftwerkzeuge bringen Schriftgröße, Schriftart, Textfarbe und Hintergrundfarbe in den [Texteditor](https://hilfe.bildung-lsa.de/books/essentielle-moodle-funktionen/page/texteditor-uberblick-und-wechsel) TinyMCE. Moodle selbst blendet diese Bedienelemente im Editor aus. Auf der Einstellungsseite der Schriftwerkzeuge legen Sie fest, welche Größen, Schriften und Farben zur Auswahl stehen und welche Wähler in der Werkzeugleiste erscheinen.

<p class="callout info">**Voraussetzung:** Administrator/innen-Rechte (`moodleadmin`). Trainer/innen sehen nur das Ergebnis: die Wähler im Editor mit den Einträgen, die hier eingestellt sind. Eigene Größen oder Farben können sie nicht hinzufügen.</p>

## Schriftwerkzeuge einstellen

1. **Website-Administration** öffnen und den Reiter **Plugins** wählen.
2. Im Bereich **Texteditoren** bei **Editor TinyMCE** auf **Einstellungen** klicken.
3. In der Tabelle in der Zeile **Schriftwerkzeuge** auf **Einstellungen** klicken.
4. Die Listen in den Gruppen **Größen**, **Schriftarten** und **Farben** anpassen, ein Eintrag je Zeile.
5. Mit den Haken unter jeder Liste festlegen, ob der Wähler zusätzlich in der Werkzeugleiste steht.
6. Unten auf **Änderungen speichern** klicken.
7. Ein bereits geöffneter Editor übernimmt die Änderung nicht. Laden Sie die Seite mit dem Editor neu, um das Ergebnis zu sehen.

## Was im Editor erscheint

Die Schriftwerkzeuge setzen bis zu fünf Bedienelemente in die Werkzeugleiste, direkt hinter **Fett** und **Kursiv**. Die vier Wähler stehen außerdem immer im Menü **Format**, auch wenn ihr Haken für die Werkzeugleiste aus ist.

<table id="bkmrk-bedienelementbedeutu"><thead><tr><th>Bedienelement</th><th>Bedeutung</th></tr></thead><tbody><tr><td>**Größe**</td><td>Wähler mit den Einträgen der Liste *Größen*, mitgeliefert sind *Klein*, *Normal*, *Groß* und *Sehr groß*.</td></tr><tr><td>**Schriftart**</td><td>Wähler mit den Einträgen der Liste *Schriftarten*, mitgeliefert sind *Theme-Standard*, *Serif*, *Sans Serif* und *Monospace*.</td></tr><tr><td>**Textfarbe**</td><td>Farbfeld mit den Einträgen der Liste *Textfarben*. Darunter stehen **Farbe entfernen** und, sofern erlaubt, **Nutzerdefinierte Farbe**.</td></tr><tr><td>**Hintergrundfarbe**</td><td>Dasselbe für die Liste *Hintergrundfarben*. Damit wird Text farbig hinterlegt, etwa wie mit einem Textmarker.</td></tr><tr><td>**Formatierung entfernen**</td><td>Nimmt Größe, Schriftart, Farben und Auszeichnungen wie Fett vom markierten Text. Auf der Einstellungsseite heißt der zugehörige Haken *Schaltfläche „Formate löschen“*.</td></tr></tbody></table>

![Werkzeugleiste des Editors mit Rückgängig, Wiederholen, Fett, Kursiv und den Schaltflächen Größe, Schriftart, Textfarbe, Hintergrundfarbe und Formatierung entfernen. Der Wähler Größe ist aufgeklappt und zeigt Klein, Normal, Groß und Sehr groß.](https://hilfe.bildung-lsa.de/uploads/images/gallery/2026-10/schriftwerkzeuge-editor.png)

Was Trainer/innen auswählen, speichert der Editor als Angabe direkt am Text. Spätere Änderungen an den Listen wirken deshalb nur auf neue Formatierungen. Ein gestrichener Eintrag verschwindet aus dem Wähler, bereits damit formatierter Text behält ihn.

## Listen eintragen

Alle vier Listen haben denselben Aufbau: je Zeile eine Bezeichnung, ein senkrechter Strich und der Wert, etwa `Groß|1.25rem`. Die Bezeichnung erscheint im Wähler, der Wert landet im Text.

<table id="bkmrk-listewert-hinter-dem"><thead><tr><th>Liste</th><th>Wert hinter dem Strich</th></tr></thead><tbody><tr><td>**Größen**</td><td>Eine Größe in `rem`, z. B. `1.25rem`. `1rem` entspricht der normalen Textgröße. Fehlen die Bezeichnungen und stehen nur die Werte da, zeigt der Editor stattdessen einen schlichten Wähler mit den Zahlen selbst.</td></tr><tr><td>**Schriftarten**</td><td>Eine oder mehrere Schriften, durch Kommas getrennt, z. B. `Georgia, 'Times New Roman', serif`. Der Browser nimmt die erste, die auf dem Gerät vorhanden ist. Ein Semikolon ist nicht erlaubt. `inherit` setzt auf die Schrift des Designs zurück.</td></tr><tr><td>**Textfarben**</td><td>Ein Farbwert im Format `#rrggbb`, z. B. `Rot|#b3261e`.</td></tr><tr><td>**Hintergrundfarben**</td><td>Ebenfalls `#rrggbb`. Die mitgelieferte Liste enthält nur helle Töne, auf denen Text lesbar bleibt.</td></tr></tbody></table>

![Gruppe Größen der Einstellungsseite: das Feld Größen mit den Zeilen Klein|0.875rem, Normal|1rem, Groß|1.25rem und Sehr groß|1.5rem, darunter die Beschreibung, der eingeklappte Eintrag Mitgelieferte Vorgabe anzeigen und der gesetzte Haken Größen in der Toolbar.](https://hilfe.bildung-lsa.de/uploads/images/gallery/2026-10/schriftwerkzeuge-groessen.png)

Unter jeder Liste steht **Mitgelieferte Vorgabe anzeigen**. Aufgeklappt zeigt es die Liste, mit der das Plugin ausgeliefert wurde. Von dort lässt sie sich zurückkopieren, wenn eine Änderung nicht trägt.

<p class="callout warning">**Achtung:** Bei *Schriftarten* und den beiden Farblisten fällt eine Zeile ohne senkrechten Strich ohne Meldung weg. Die Einstellungsseite speichert sie, im Wähler fehlt der Eintrag dann einfach. Eine leere Liste blendet den Wähler ganz aus, in der Werkzeugleiste wie im Menü **Format**.</p>

## Wichtige Einstellungen

- **Werkzeugleiste:** Die Haken *Größen in der Toolbar*, *Schriftarten in der Toolbar*, *Textfarbe in der Toolbar* und *Hintergrundfarbe in der Toolbar* sind voreingestellt an. Ausgeschaltet bleibt der Wähler im Menü **Format** erreichbar, die Werkzeugleiste wird kürzer.
- **Freie Farbwahl erlauben:** Ergänzt beide Farbfelder um **Nutzerdefinierte Farbe**, einen Farbwähler für beliebige Farben. Voreingestellt ist er an. Ausgeschaltet bleiben alle bei den Farben der beiden Listen, und schwer lesbare Kombinationen lassen sich nicht mehr frei einstellen.
- **Bezeichnungen der Farben:** Screenreader lesen die Bezeichnung vor. Benennen Sie deshalb die Farbe (`Rot|#b3261e`), nicht ihren Zweck (`Wichtig|#b3261e`).
- **Schaltfläche „Formate löschen“:** Setzt **Formatierung entfernen** in die Werkzeugleiste. Im Menü **Format** steht der Eintrag unabhängig davon immer.

## Tipps

- Halten Sie die Listen kurz. Vier Größen und eine Handvoll Farben decken den Unterricht ab, und jeder weitere Eintrag ist eine weitere Möglichkeit, dass Kurse uneinheitlich aussehen.
- Bleiben Sie bei `rem`. Diese Größen wachsen mit, wenn Lesende im Browser eine größere Schrift einstellen, und sie wachsen nicht weiter, wenn jemand bereits vergrößerten Text noch einmal vergrößert. Eine Größe in `em` rechnet dagegen vom umgebenden Text aus und vervielfacht sich dabei.
- Prüfen Sie neue Textfarben mit einem Kontrastrechner, bevor Sie sie eintragen. Die mitgelieferten Töne erreichen auf Weiß mindestens das Verhältnis 4,5:1, das für normalen Text als lesbar gilt. Ausnahme ist *Weiß* selbst: Es ist nur auf dunklem Grund lesbar, und die mitgelieferte Liste der Hintergrundfarben enthält keinen.