Text formatieren

Der Rich Text Editor (CKEditor) ist das Werkzeug, mit dem du in TYPO3 Texte schreibst und formatierst. Er funktioniert ähnlich wie Word oder Google Docs – mit einer wichtigen Einschränkung: Du formatierst semantisch, nicht visuell. Was das bedeutet und wie du den Editor optimal nutzt, erfährst du hier.

Den Rich Text Editor öffnen

Der CKEditor erscheint automatisch, wenn du ein Text- oder Text-und-Bild-Element bearbeitest. Im Feld „Text" siehst du eine Werkzeugleiste mit Formatierungsoptionen und darunter den Eingabebereich.

In TYPO3 14 wurde der CKEditor auf Version 5 aktualisiert. Die Oberfläche ist moderner und reagiert schneller. Falls du den Editor aus älteren TYPO3-Versionen kennst: Die Grundfunktionen sind identisch, die Icons sehen etwas anders aus.

Überschriften richtig setzen

Überschriften sind das wichtigste Strukturelement deines Textes – für Leser und für Suchmaschinen. In TYPO3 setzt du Überschriften über das Dropdown-Menü „Absatzformat" (oder „Format") in der Werkzeugleiste.

Die verfügbaren Ebenen:

• Überschrift 2 (H2): Für Hauptabschnitte deines Textes. Die meisten Zwischenüberschriften sind H2.
• Überschrift 3 (H3): Für Unterabschnitte innerhalb eines H2-Blocks.
• Überschrift 4 (H4): Selten nötig, nur bei sehr detaillierten Seiten.
• Absatz: Normaler Fließtext (Standard).

Wichtig: Die Überschrift 1 (H1) wird automatisch aus dem Seitentitel oder dem Header des Inhaltselements generiert. Setze im Fließtext keine H1 – eine Seite sollte nur eine einzige H1 haben.

Aus der Schulungspraxis: Der häufigste Fehler, den ich in Schulungen sehe: Redakteure verwenden Überschriften als Gestaltungsmittel, um Text größer zu machen. Das schadet der Seitenstruktur und damit der Auffindbarkeit in Suchmaschinen. Regel: Überschrift = thematischer Abschnitt, Fettdruck = Hervorhebung im Text.

Text formatieren: Fett, Kursiv, Aufzählungen

Fett (Bold): Markiere das Wort oder den Satz und klicke auf das B-Symbol. Verwende Fett für wichtige Begriffe oder Schlüsselaussagen – sparsam, nicht ganze Absätze.

Kursiv (Italic): Für Betonungen, Fachbegriffe oder Titel von Werken. Weniger auffällig als Fett, aber semantisch sinnvoll.

Aufzählungen: Zwei Varianten stehen zur Verfügung:

• Unnummeriert: Aufzählungspunkte (Bullet Points) – für Listen ohne feste Reihenfolge
• Nummeriert: Nummerierte Liste – für Schritt-für-Schritt-Anleitungen oder Ranglisten

Setze den Cursor in die gewünschte Zeile und klicke auf das Listen-Symbol in der Werkzeugleiste. Jeder Zeilenumbruch wird ein neuer Listenpunkt.

Links im Text setzen

Markiere das Wort oder den Textabschnitt, der verlinkt werden soll, und klicke auf das Ketten-Symbol in der Werkzeugleiste. TYPO3 öffnet den Link-Browser mit drei Optionen: interne Seite, externe URL oder E-Mail-Adresse. Eine ausführliche Anleitung findest du unter Links und Downloads richtig setzen.

Tabellen im Text

Einfache Tabellen kannst du direkt im CKEditor erstellen. Klicke auf das Tabellen-Symbol, wähle die Anzahl der Zeilen und Spalten und fülle die Zellen. Für komplexere Tabellen mit spezieller Formatierung empfehle ich das eigenständige Tabellen-Inhaltselement – es bietet mehr Kontrolle über das Layout.

Sonderzeichen und Umbruchregeln

Sonderzeichen: Über das Sonderzeichen-Symbol in der Werkzeugleiste fügst du Zeichen ein, die nicht auf der Tastatur liegen – zum Beispiel ©, ™ oder typografische Anführungszeichen.

Zeilenumbruch vs. Absatz: Die Enter-Taste erzeugt einen neuen Absatz (mit Abstand). Für einen einfachen Zeilenumbruch (ohne Abstand) drücke Shift + Enter. Im Fließtext sind Absätze fast immer die richtige Wahl.

Aus Word einfügen: Wenn du Text aus Word oder einer anderen Quelle einfügst, übernimmt der CKEditor oft unerwünschte Formatierungen. Nutze die Funktion „Als unformatierten Text einfügen" (Strg + Shift + V) und formatiere den Text anschließend im Editor neu. Das spart Fehlersuche im Frontend.

Aus der Schulungspraxis: Copy-Paste aus Word ist die häufigste Ursache für Darstellungsprobleme im Frontend. Unsichtbare Formatierungen aus Word erzeugen ungewöhnliche Abstände, falsche Schriftgrößen oder fehlerhafte Aufzählungen. Strg + Shift + V ist dein Freund.