Typo3 RTE: Bilder im Editor aktivieren

Als Vorgabe ist das Einfügen von Bildern im Rich-Text-Editor (RTE) von Typo3 ausgeschaltet. Man zwar Bilder hinzufügen, wird aber nach dem Speichervorgang feststellen, dass Typo3 sie wieder entfernt hat. Das hängt damit zusammen, dass die Eingaben vor dem Speichern in der Datenbank gefiltert werden und um nicht erlaubte Tags “bereinigt” wird.

Zuerst wechseln wir in den Extension Manager (Erw. Manager), wählen im Menü “Loaded extensions” aus, klicken auf “htmlarea RTE” und passen die Konfiguration des RTE an:

Enable images in the RTE : 1 (= Haken setzen)
Damit wird das Verwenden von Bildern erst ermöglicht.

Um Bilder über den RTE einfügen zu können muss das TSconfig der Seite angepasst werden:

RTE.default.proc {
allowTag := addToList(img)
allowTagsOutside := addToList(img)
entryHTMLparser_db.tags.img >
}
RTE.default.showButtons := addToList(image)
RTE.default.FE {
proc.allowTags := RTE.default.proc.allowTags
proc.allowTagsOutside < RTE.default.proc.allowTagsOutside
proc.entryHTMLparser_db.tags.img >
showButtons < RTE.default.showButtons
}

Die Zeilen im Einzelnen:

RTE.default.proc ist ein Objekt, dass die Umwandlung des Inhalts von RTE zu DB vornimmt.

RTE.default.proc.allowTag := addToList(img) fügt den <img>-Tag zu der Liste der erlaubten Tags hinzu. Alle Tags, die nicht in allowTags stehen werden während der Transformation RTE-Feld : Datenbank gelöscht.

RTE.default.proc.allowTagsOutside := addToList(img) ist ähnlich. Hier wird festgelegt, dass der <img>-Tag auch ausserhalb eines <p>-Tags auftreten darf. Typo3 versucht ansonsten die Inhalte in Paragrafen (<p></p>) zu wickeln (wrappen).

RTE.default.proc.entryHTMLparser_db.tags.img > löscht die Anweisungen des entryHTMLparsers für den <img>-Tag.

RTE.default.showButtons := addToList(image) fügt den Button IMAGE dem RTE hinzu, wenn er nicht schon eingetragen ist. Man beachte, dass das Objekt RTE.default und nicht RTE.default.proc ist und der Button “image” und nicht img heisst.

Eine gute Übersicht findet man unter anderem auf folgender Seite:
http://www.site42.de/Wie-konfiguriert-man-den-RTE-h.58.0.html