Zum Inhalt springen

Texte in TYPO3 14 schreiben, formatieren und verlinken

Das Textfeld im Inhaltselement sieht aus wie ein kleines Textprogramm, arbeitet aber anders: Schriftart und Farbe fehlen, weil das Aussehen aus dem Layout der Website kommt. Dazu kommen zwei Fallen, die sich erst später zeigen: Text aus Word bringt unsichtbare Formatierung mit, und eine von Hand getippte Adresse auf die eigene Seite führt nach dem nächsten Umzug ins Leere. Diese Anleitung erklärt für TYPO3 14, wie Sie im Feld „Text“ formatieren, verlinken und Tabellen anlegen.

Stand:

Wo der Text steht und warum die Leiste kürzer ist

Der Fließtext eines Inhaltselements steht im Feld „Text“, weit unten im Formular. Darüber liegt eine Leiste mit Knöpfen, und auf den ersten Blick sieht sie aus wie die eines Textprogramms. Auf den zweiten fehlt einiges: keine Schriftart, keine Schriftgröße, keine Farbe, kein Unterstreichen.

Dahinter steckt die Arbeitsteilung zwischen Redaktion und Gestaltung. Sie zeichnen aus, was etwas ist: eine Überschrift, eine Aufzählung, ein hervorgehobenes Wort. Wie das dann aussieht, bestimmt das Layout der Website, an einer Stelle und für alle Seiten. Deshalb sehen die Seiten gleich aus, auch wenn zehn Menschen daran schreiben. Und bekommt die Website ein neues Aussehen, ändert sich an Ihren Texten nichts.

Öffnen Sie im Modul „Inhalt“ eine Seite und legen Sie mit „Neuen Inhalt erstellen“ ein „Normales Textelement“ an, oder öffnen Sie ein vorhandenes Element über das Stift-Symbol.

Formular eines neuen Textelements in TYPO3 14 im Arbeitsbereich, mit den Feldern „Link“ und „Untertitel“; darunter das leere Feld „Text“. Die Leiste über der Textfläche ist markiert.
In der Pfadzeile oben steht „Neu anlegen“: Das Element ist noch nicht gespeichert. Die Leiste bricht um, wenn das Fenster schmal ist; die Reihenfolge der Knöpfe bleibt gleich.

Absatzformate und Überschriftenebenen

Das zweite Klappmenü der Leiste zeigt „Absatz“ und bestimmt, was der Absatz ist, in dem der Cursor steht. Zur Auswahl stehen „Absatz“, „Überschrift 2“, „Überschrift 3“ und „Pre-Formatted Text“. Die erste Überschriftenebene fehlt: Sie gehört dem Seitentitel. Die Überschrift des Inhaltselements hat ihr eigenes Feld über dem Textfeld.

Wählen Sie die Ebene, nicht die Größe: Eine Zwischenüberschrift ist „Überschrift 2“, weil sie eine Ebene unter dem Seitentitel steht. Wer eine Ebene überspringt, macht den Text für Vorleseprogramme unordentlich, und die Sprünge sieht man dem Ergebnis später nicht an.

Schreiben Sie die Zwischenüberschrift zunächst als normalen Absatz.

  1. Klicken Sie in den Absatz, der eine Überschrift werden soll. Markieren müssen Sie ihn nicht.
  2. Öffnen Sie in der Leiste das Klappmenü „Absatz“.
  3. Wählen Sie „Überschrift 2“.
Geöffnetes Klappmenü „Absatz“ im Textfeld mit den Einträgen „Absatz“, „Überschrift 2“, „Überschrift 3“ und „Pre-Formatted Text“. Der Knopf des Menüs ist markiert.
Der Haken zeigt das Format des Absatzes, in dem der Cursor gerade steht. „Pre-Formatted Text“ ist für Code und Zahlenkolonnen gedacht, nicht für hervorgehobene Absätze.

Aufzählungen und nummerierte Listen

Eine Aufzählung lässt sich auch von Hand tippen: Strich, Leerzeichen, Text, Absatz. Sie sieht dann fast richtig aus und ist doch keine. Für die Website bleiben es einzelne Absätze mit Strichen davor: falsch eingerückt, falsch vorgelesen, und beim Umbruch auf dem Handy rutschen die Striche in die nächste Zeile. Die beiden Listenknöpfe machen daraus das, was es sein soll.

Setzen Sie den Cursor in eine leere Zeile an der Stelle, an der die Liste beginnen soll.

  1. Klicken Sie in der Leiste auf „Aufzählungsliste“ für Punkte oder auf „Nummerierte Liste“ für Ziffern.
  2. Tippen Sie den ersten Punkt.
  3. Drücken Sie die Eingabetaste für jeden weiteren Punkt.
  4. Drücken Sie am Ende zweimal die Eingabetaste, um die Liste zu verlassen.
Textfeld mit einem Absatz, der Zwischenüberschrift „Das brauchen Sie dafür“ und einer Aufzählung aus drei Punkten. In der Leiste sind die Knöpfe „Aufzählungsliste“ und „Nummerierte Liste“ markiert; der linke ist gedrückt.
Der gedrückte Knopf zeigt, in welcher Art Liste der Cursor gerade steht. Ein zweiter Klick darauf löst die Liste wieder auf.

Nummerierte Listen sind für Reihenfolgen da, Aufzählungen für alles andere. Die Nummern tippen Sie nicht selbst; TYPO3 zählt und zählt neu, wenn Sie später einen Punkt einschieben.

Der naheliegende Weg zu einem Link führt über die Adresszeile des Browsers: Adresse kopieren, in den Text einfügen, fertig. Bei einer fremden Website ist das richtig. Bei der eigenen Website rächt sich das später. Adressen der eigenen Seiten ändern sich, wenn eine Seite umbenannt wird oder an eine andere Stelle im Seitenbaum zieht; der getippte Link zeigt dann ins Leere. Ein Link, den Sie über den Seitenbaum setzen, merkt sich nicht die Adresse, sondern die Seite. Zieht sie um, zieht der Link mit.

Markieren Sie im Text das Wort oder die Wortgruppe, die zum Link werden soll.

  1. Klicken Sie in der Leiste auf das Ketten-Symbol. Es öffnet das Fenster „Link Browser“.
  2. Bleiben Sie im Reiter „Seite“ und wählen Sie im Seitenbaum links die Zielseite.
  3. Klicken Sie rechts auf „Link zu“ und den Namen der Seite.
Fenster „Link Browser“ mit den Reitern „Seite“, „Datei“, „Ordner“, „Externe URL“, „Telefon“ und „E-Mail“. Links steht der Seitenbaum, rechts die Felder „Ziel“ und „Titel“.
Die Felder „Ziel“ und „Titel“ gelten für alle Reiter. „Titel“ ist der Text, den der Browser beim Zeigen einblendet; leer lassen ist erlaubt.
Im Link Browser ist im Seitenbaum die Seite „Umzug“ ausgewählt. Rechts steht der markierte Knopf „Link zu Umzug“, darunter die Überschrift „Inhaltselemente“ mit einem Eintrag.
Unter „Inhaltselemente“ stehen die Elemente der gewählten Seite. Ein Klick darauf verlinkt nicht die Seite, sondern die Stelle darin; der Leser landet dann direkt bei diesem Element.

Für alles außerhalb Ihrer Website sind die übrigen Reiter da. Sie führen zum selben Ziel: Der markierte Text wird zum Link, nur die Quelle ist eine andere.

Die Reiter im Link Browser und wofür sie da sind
ReiterWofür
„Seite“Eine Seite der eigenen Website, ausgewählt im Seitenbaum. Der Link zieht mit.
„Datei“Ein PDF oder ein anderes Dokument aus den Dateien der Website.
„Ordner“Ein ganzer Ordner statt einer einzelnen Datei. Selten gebraucht.
„Externe URL“Eine fremde Website. Hier gehört die Adresse tatsächlich eingetippt.
„Telefon“Eine Rufnummer, die sich auf dem Handy antippen lässt.
„E-Mail“Eine Adresse, auf Wunsch samt Betreff für das Mailprogramm des Lesers.

Markieren Sie den Text und öffnen Sie den Link Browser wie eben.

  1. Wechseln Sie oben auf den Reiter „Externe URL“.
  2. Tragen Sie die vollständige Adresse ein, mit https:// davor.
  3. Klicken Sie auf „Link setzen“.
Link Browser, Reiter „Externe URL“: die Felder „Ziel“ und „Titel“, darunter das Feld „URL“ mit einer eingetragenen Adresse. Der Knopf „Link setzen“ daneben ist markiert.
Anders als bei einer eigenen Seite merkt sich TYPO3 hier nur die Zeichenkette. Zieht die fremde Seite um, zeigt der Link ins Leere; solche Links lohnen ab und zu einen Blick.

Text aus einem Textprogramm einfügen

Viele Texte entstehen nicht im Backend, sondern in Word, in Outlook oder in einer Mail. Beim Einfügen kommt mehr mit, als auf dem Bildschirm zu sehen ist: Schriftart, Schriftgröße, Farbe, Zeilenabstände, Ränder. Auf der Website steht dann ein Absatz, der aussieht wie aus einem anderen Dokument, und niemand findet die Stelle, an der sich das ändern ließe.

TYPO3 räumt beim Einfügen schon einiges weg. Reste bleiben trotzdem, und die sieht man dem Text nicht an.

Fügen Sie den Text an der gewünschten Stelle ein.

  1. Markieren Sie den eingefügten Abschnitt.
  2. Klicken Sie in der Leiste auf „Formatierung entfernen“.
  3. Setzen Sie die Auszeichnungen neu, die der Text wirklich braucht: Überschriften, Listen, Links.
Textfeld mit einem eingefügten Absatz über den Kundendienst. In der Leiste ist der Knopf „Formatierung entfernen“ markiert, ein durchgestrichenes T.
Der Knopf ist blass, solange nichts markiert ist. Er arbeitet nur an dem, was Sie ausgewählt haben.

Was tatsächlich im Text steht, zeigt der Knopf „Quelle“. Er schaltet die Textfläche auf den Quelltext um. Sie müssen ihn nicht verstehen; es genügt zu sehen, ob dort Wörter wie style oder font stehen, die nicht hingehören.

Die Textfläche zeigt statt des Textes den Quelltext: ein Absatz mit dem Zusatz style gleich margin-left null Zentimeter und eine leere Auszeichnung um den Satz. Der Knopf „Quelle“ in der Leiste ist markiert und gedrückt.
Der Rand von null Zentimetern und die leere Auszeichnung stammen aus dem Textprogramm. Sichtbar sind sie nicht, mitgeschleppt werden sie trotzdem.

Eine Tabelle anlegen

Eine Tabelle ist für Werte da, die zusammengehören: Tarife und Preise, Sprechzeiten und Tage, Zählerarten und Fristen. Für nebeneinanderstehende Absätze ist sie das falsche Werkzeug, denn auf einem schmalen Bildschirm wird jede Tabelle unhandlich. Zwei Spalten mit kurzen Einträgen gehen fast immer gut, sechs Spalten mit ganzen Sätzen fast nie.

Setzen Sie den Cursor an die Stelle, an der die Tabelle stehen soll.

  1. Klicken Sie in der Leiste auf den Knopf mit dem Gitter, „Tabelle einfügen“.
  2. Fahren Sie im Raster mit der Maus nach rechts und nach unten, bis darunter die gewünschte Größe steht.
  3. Klicken Sie, um die Tabelle einzufügen.
  4. Klicken Sie in die erste Zelle und tippen Sie den Inhalt.
  5. Springen Sie mit der Tabulatortaste in die nächste Zelle.
Geöffnetes Raster unter dem Knopf „Tabelle einfügen“: zehn mal zehn Kästchen, darunter die Größenangabe „1 × 1“. Der Knopf selbst ist markiert.
Die Angabe unter dem Raster zählt Zeilen mal Spalten mit. Verzählen ist nicht schlimm: Zeilen und Spalten lassen sich nachträglich hinzufügen.
Fertige Tabelle im Textfeld mit der Kopfzeile „Zählerart“, „Ablesung“, „Frist“ und zwei Zeilen darunter. Um die Tabelle liegt der gelbe Auswahlrahmen des Editors, darunter steht eine kleine Leiste mit sechs Symbolen.
Die erste Zeile ist die Kopfzeile; sie steht fett und wird von Vorleseprogrammen als Beschriftung gelesen. Der gelbe Rahmen gehört zum Editor und zeigt nur, dass die Tabelle gerade ausgewählt ist.

Solange der Cursor in der Tabelle steht, erscheint darunter eine zweite, kleine Leiste. Sie gehört zur Tabelle und nicht zum Text: Darin liegen „Spalte“ und „Zeile“, um nachträglich welche einzufügen oder zu löschen, dazu „Zellen verbinden“, „Tabelleneigenschaften“, „Zelleneigenschaften“ und „Tabellenüberschrift aktivieren“. Klicken Sie außerhalb der Tabelle, verschwindet die Leiste wieder.

Häufige Fragen zum Textfeld in TYPO3 14

Warum hat die Leiste im Textfeld von TYPO3 14 weniger Knöpfe als ein Textprogramm?

Weil das Aussehen aus dem Layout der Website kommt und nicht aus dem Text. Die Leiste bietet Bedeutungen an: „Überschrift 2“, „Aufzählungsliste“, „Fett“. Wie eine Überschrift dann aussieht, entscheidet die Gestaltung der Website. So bleiben die Seiten einheitlich, auch wenn viele Menschen daran schreiben. Schriftart, Schriftgröße und Farbe fehlen deshalb mit Absicht.

Wie verlinke ich in TYPO3 14 auf eine andere Seite meiner Website?

Markieren Sie das Wort, das der Link werden soll, und klicken Sie in der Leiste auf das Ketten-Symbol. Im Fenster „Link Browser“ bleiben Sie im Reiter „Seite“, klicken im Seitenbaum die Zielseite an und bestätigen rechts mit „Link zu“ und dem Namen der Seite. Tippen Sie die Adresse nicht selbst: Ein so gesetzter Link zieht mit der Seite um.

Wie werde ich in TYPO3 14 die Formatierung aus einem Textprogramm wieder los?

Markieren Sie den eingefügten Text und klicken Sie in der Leiste auf „Formatierung entfernen“. TYPO3 wirft das meiste schon beim Einfügen weg, Reste wie Ränder und leere Auszeichnungen bleiben aber stehen. Was übrig ist, zeigt der Knopf „Quelle“. Noch sicherer ist der Umweg über einen einfachen Texteditor, der alle Formatierung abstreift.