Text formatieren

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

<h3>Den Rich Text Editor öffnen</h3>

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

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

<h3>Überschriften richtig setzen</h3>

<p>Ü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.</p>

<p>Die verfügbaren Ebenen:</p>

• Ü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).

<p><strong>Wichtig:</strong> 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.</p>

<p><strong>Aus der Schulungspraxis:</strong> 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.</p>

<h3>Text formatieren: Fett, Kursiv, Aufzählungen</h3>

<p><strong>Fett (Bold):</strong> 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.</p>

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

<p><strong>Aufzählungen:</strong> Zwei Varianten stehen zur Verfügung:</p>

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

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

<h3>Links im Text setzen</h3>

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

<h3>Tabellen im Text</h3>

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

<h3>Sonderzeichen und Umbruchregeln</h3>

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

<p><strong>Zeilenumbruch vs. Absatz:</strong> 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.</p>

<p><strong>Aus Word einfügen:</strong> 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.</p>

<p><strong>Aus der Schulungspraxis:</strong> 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.</p>