Im normalen Text können, wie aus WinWord u. ä. bekannt, die üblichen Textformatierungen wie Fettdruck, Kursivdruck usw. über die entsprechenden Symbole auf vorher mit der Maus selektierten Text angewandt werden. 

Darüberhinaus bietet der Editor so genannte "Textstile", über die einige zusätzliche Formatierungen möglich sind, z.B. farbig hervorgehobener oder durchgestrichener Text.

Über da Stil-Menü des TYPO3-Editors könne Textabschnitten weitere Formatierungen enthalten. Hier bei werden Blockstile von Textstilen unterschieden – erstere beziehen sich immer auf den gesamten aktuellen Textabsatz, letztere auf mit der Maus markierte Worte innerhalb von Textabsätzen.

Blockstile

Formatierung von Absätzen

Blockstile können sich z.B. auf normale Textabsätze, Listenpunkte oder Tabellen bzw. Tabellenreihen bzw. Tabellenzellen beziehen. Je nachdem, wo der Cursor sich gerade befindet, werden entsprechende Stile angeboten. Hier einige Beispiele:

Vorangestelltes Symbol, hier: E-Mail (mehr zu den Absatzsymbolen siehe Kontaktdaten)

Rahmen (schlichte Linie um aktuellen Absatz) – als Hervorhebung kann hin und wieder der "Stil"-Menü-Eintrag namens "Rahmen" verwendet werden. Dieser Stil meint aber wirklich immer nur einen Absatz!

Hinweis: Die Hervorhebung durch Umrahmung sollte sparsam eingesetzt werden, denn der Effekt funktioniert nur dann sinnvoll, wenn nicht gleich mehrere Absätze umrahmt sind – es gilt also "weniger ist mehr."

Einleitungstext

Mit dieser Formatierung kann einem einleitenden Textabsatz eine etwas größere Schriftart zugewiesen werden. Dies bietet sich u. U. am Anfang einer Webseite direkt unterhalb der Seitenüberschrift an (wie es z. B. auch am Anfang dieser Seite gemacht wird). Der Einleitungstext ist also selbst keine Überschrift, sondern eher ein kurzer Teasertext.
Wichtig: Diese Formatierung ist wirklich nur für eine kurze, aus wenigen Zeilen bestehende Einleitung zu verwenden, also keinesfalls im kompletten Text einer Webseite.

Kleinschrift

In seltenen Fällen können Absätze auch auf Kleinschrift umgestellt werden, indem der "Stil"-Menü-Eintrag "Kleinschrift" ausgewählt wird. Am Ende eines Textes steht ja manchmal das "Kleingedruckte". Dies darf jedoch nur in geeigneten Fällen verwendet werden, also keinesfalls im kompletten Text einer Webseite.

Beispiel in Kleinschrift:
Die Formatierung „Kleinschrift” (wirklich nur für das „Kleingedruckte” verwenden, niemals für größere Teile einer Seite!) sollte eher nur ausnahmsweise verwendet werden, denn aufgrund der Verkleinerung ist die Schrift für manche Menschen nicht mehr ganz so gut lesbar. Auch wenn dieser Stil in Kombination mit normal großer Schrift im Gesamtbild manchmal sogar ganz gut aussehen mag, ist doch als vorrangig anzusehen, dass diese Schriftgröße einfach nicht für längere Texte gedacht ist.

Folgeelement aufklappbar

Mit diesem Stil wird der aktuelle Absatz zu einer Art Button umgewandelt und sollte daher auch nur sehr wenig Text enthalten. Klickt man ihn in der Webseite an, fungiert er als Aufklapp-Button: Das nachfolgende Element wird dadurch ein- bzw. ausgeblendet. Sollen mehrere aufeinander folgende Absätze/Listen gemeinsam ein-/ausgeblendet werden, kann man diese mit der Maus markieren und anschließend das DIV-Symbol in der Symbolleiste klicken. Dadurch werden die gewählten Absätze/Listen in ein (unsichtbares) Umrahmungselement eingehüllt und verhalten sich dadurch wie ein einziger Absatz.

Folgeelement aufklappbar

Dieser Text klappt auf bzw. zu, wenn der vorangehende Button geklickt wurde.

Textstile („Inline Stilart”)

Während Blockstile immer einen gesamten Textblock (Absatz, Listenelement, Tabellenzelle o.ä.) betreffen, wirken sich Textstile nur auf die gerade markierten Worte/Buchstaben aus. Hier ist aktuell Gelb hinterlegt verfügbar, um einen Effekt ähnlich einem Textmarker zu erreichen.

Hinweis 1 zu Tabellen:
Tabellen werden verwendet, um tabellarische Daten darzustellen - und nur dann!
Bitte verwenden Sie Tabellen nicht zu Layoutzwecken, um eine Spaltenaufteilung zu erreichen!
→ Eine Spaltenaufteilung von Seiteninhalten kann mit Rasterelementen erreicht werden.
→ Ein Nebeneinander von Text und zugehörigem Bild kann über die Position und Ausrichtung von Text & Medien erreicht werden.

Hinweis 2 zu Tabellen:
Je mehr Spalten eine Tabelle hat, desto sperriger wird sie. Auf Smartphones kann es dann recht schnell passieren, dass sie nicht mehr vollständig angezeigt wird und man sie deshalb horizontal hin und her schieben muss.
→ Überlegen Sie, ob Sie die Daten auch anders präsentieren können, z.B. in Listenform. Eine Liste verhält sich auf kleinen Bildschirmen wesentlich geschmeidiger als eine Tabelle.

Beispieltabelle

(Bei dieser Beispieltabelle wurde mittels einer CSS-Klasse der u.g. Stil Tab. 100%/weiß/grau/Gitter zugewiesen.)

Eine Tabelle einfügen und bearbeiten

• Mit dem Tabellensymbol in der Symbolleiste kann eine Tabelle eingefügt und sofort mit einer bestimmten Anzanl von Spalten und Reihen versehen werden. 
• Mit der TAB-Taste springt man zur nächsten Tabellenzelle bzw. am Ende der Tabellenreihe in die erste Zelle der nächsten Reihe. Innerhalb der letzten Tabellenreihe wird dadurch eine neue Reihe erzeugt.
• Mittels Rechtsklick in eine Tabellenzelle öffnet sich ein Kontextmenü mit vielen weiteren Möglichkeiten:
  • Tabellenreihen können entfernt oder an bestimmter Stelle zusätzlich eingefügt werden.
  • Tabellenzellen können eingefügt, gelöscht, geteilt oder mit benachbarten Zellen verbunden werden.
  • Tabellenspalten können eingefügt oder gelöscht werden.
  • Die gesamte Tabelle kann gelöscht werden.
• Bestimmte Spaltenbreiten können mittels der u.g. Methoden Tab.Zelle 25% und Tab.Zelle 50% fixiert werden. Ansonsten passen sich die Spalten flexibel an den verfügbaren Platz an.

Das Aussehen der Tabelle anpassen

Über das Stil-Menü des Editors kann das Aussehen der Tabelle, einzelner Reihen oder einzelner Zellen beeinflusst werden:

• Tab. 100% breit
  Die Tabelle wird auf die volle verfügbare Breite gezogen, selbst wenn die Inhalte dies nicht unbedingt erfordern. 
• Tab. 100%/Gitter
  Die Tabelle wird auf die volle verfügbare Breite gezogen und enhält Gitterlinien zwischen den Zellen.
• Tab. Gitter
  Die Tabelle enhält mit Gitterlinien zwischen den Zellen.
• Tab. Gitter horz.
  Die Tabelle enthält horizontale Linien zwischen den Reihen.
• Tab. 100%/Gitter horiz.
  Die Tabelle wird auf die volle verfügbare Breite gezogen und enhält mit horizontale Gitterlinien zwischen den Reihen.
• Tab. weiß/grau
  Die Tabellenreihen (=Zeilen) werden abwechselnd weiß und grau hinterlegt.
• Tab. 100%/weiß/grau
  Die Tabelle wird auf die volle verfügbare Breite gezogen, die Tabellenreihen werden abwechselnd weiß und grau hinterlegt.
• Tab. 100%/weiß/grau/Gitter
  Die Tabelle wird auf die volle verfügbare Breite gezogen und enthält Gitterlinien zwischen den Zellen; die Tabellenreihen (=Zeilen) werden abwechselnd weiß und grau hinterlegt.
• Tab.Reihe grau
  Die aktuelle Tabellenreihe (=Zeile) wird grau hinterlegt.
• Tab.Zelle grau
  Die aktuelle Tabellenzelle wird grau hinterlegt.
• Tab.Zelle 25%
  Die Breite der aktuellen Tabellenzelle wird auf 25 Prozent der gesamten Tabellenbreite gesetzt. (Wichtig: Dies wirkt sich auf die gesamte Spalte aus! Bitte diese Zuordnung am besten nur in der obersten Tabellenreihe vornehmen und darauf achten, dass die zugewiesenen Breiten der einzelnen Zellen nicht mehr als 100 Prozent ergeben.)
• Tab.Zelle 50%
  Die Breite der aktuellen Tabellenzelle wird auf 50 Prozent der gesamten Tabellenbreite gesetzt. (Wichtig: Dies wirkt sich auf die gesamte Spalte aus! Bitte diese Zuordnung am besten nur in der obersten Tabellenreihe vornehmen und darauf achten, dass die zugewiesenen Breiten der einzelnen Zellen nicht mehr als 100 Prozent ergeben.)
• Text in Tabellenzellen vertikal oben ausrichten:
  Hierfür ist eine andere Methode erforderlich. Weisen Sie dem Inhaltselement (oder übergeordneten Rasterelement) worin sich Tabellen befinden, die CSS-Klasse table-oben zu, dadurch werden alle darin enthaltenen Tabellen vertikal oben ausgerichtet.