Hi,
also erstmal erstellst du dir eine CSS-Datei mit allen Klassen, die du so gerne im RTE benutzen möchtest. Danach musst du in der TSconfig deiner Hauptseite (also unter Seiteneigenschaften -> Optionen) folgenden Code eingeben:
# Erst einmal die Klassen aufzählen. Bei 'value' kannst du die Einträge sogar stylen, z.B. mit einem Icon versehen (funktioniert aber nicht im IE, dafür im Firefox sehr gut).
RTE.classes {
default {
value = padding: 5px;
}
deineklasse1 {
name = Formatierung 1
value = padding: 5px 3px 5px 48px; border-top: dotted 1px #aaa; background: url(../fileadmin/template/main/img/rte_icons.png) no-repeat 3px 0 #fefefe;
}
deineklasse2 {
name = Formatierung 2
value = color:#003388;
}
}
## Konfiguration
RTE.default {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/deinpfad/rte.css
# Jetzt noch einmal in den Klammern alle Klassen aufzählen, die man oben angegeben hat
proc.allowedClasses = (deineklasse1, deineklasse2)
# Jetzt die Klassen den Arten von Elementen zuordnen:
#Klassen, die in der Auswahl für Blockelemente erscheinen sollen
classesParagraph = deineklasse1
#Klassen für Inline-Elemente
classesCharacter := addToList (deineklasse2)
#Klassen für Bilder
classesImage = links, rechts, clear, rahmen_1px, rahmen_3px
#Klassen für Tabellen-Elemente
classesTable = linien
#Klassen für Tabellenzellen, <td> und <th>
classesTD = kategorie, adresse
# Festlegen, ob auch Klassen aufgelistet werden sollen, deren HTML Element nicht definiert ist
showTagFreeClasses = 0
}
In der CSS-Datei musst du die Klassen wiefolgt angeben:
p.deineklasse1, div.deineklasse1, ul.deineklasse1
{
border: solid 1px red;
}
span.deineklasse2, b.deineklasse2
{
color: red;
}
Manchmal gibt es Probleme mit dem Cache, wenn du in der RTE-CSS was veränderst, die Veränderungen im RTE aber nicht übernommen werden - evtl. ist das mit der neuen Funktion "RTE-Cache löschen" in den neuesten TYPO3-Versionen behoben. Ansonsten die CSS-Datei direkt im Browser aufrufen und mit Strg+F5 aktualisieren.