Hallo,
ich weiss nicht genau, wie ich den RTE konfigurieren muss, damit mir hier ein spezielles CSS-Style zur Verfügung steht.
Ich möchte mit dem Style:
p.quellcode {
display:block;
margin: 0 0 1em 0em;
padding: 0.5em;
background: #f0f0f4;
color: #0d1079;
border: 1px #ccd solid;
border-left: 8px #ccd solid;
font-family: "Courier New", Courier;
font-size: 1em;
font-style : normal;
und dem p-Tag
<p class=quellcode> ... </p>
im Frontend Code-Zeilen hervorheben. Damit ich jetzt nicht immer wieder im RTE den HTML-Code bearbeiten muss, fände ich es gut, das kann ich im RTE über das Pulldown-Menü "Text:" ganz oben einbinden. So dass ich nur noch den Text markieren und den Style auszuwählen brauche und dadurch dieses p-Tag gesetzt wird.
Ich habe das schon im TS-Config der Root-Seite mit
RTE.default.useCSS = 1
RTE.default.showTagFreeClasses = 1
RTE.classes.sourcecode {
name = SourceCode
value = display:block; margin: 0 0 1em 0em; padding: 0.5em; background: #f0f0f4; color: #0d1079; border: 1px #ccd solid; border-left: 8px #ccd solid; font-family: "Courier New", Courier; font-size: 1em; font-style : normal;
}
ausprobiert und alternativ mit
RTE.default.classesParagraph = addToList(SourceCode)
RTE.default.proc.allowedClasses = addToList(SourceCode)
# Freischalten der Textformatierungen im Editor
RTE.default.classesParagraph=quellcode
# Freischalten der Klassen im Frontend
RTE.config.tt_content.body.proc.allowedClasses=quellcode
und in diesem Fall das Style in
typo3/sysext/rtehtmlarea/htmlarea/plugins/DynamicCSS/dynamiccss.css
untergebracht. Diese Datei habe ich dann im TS mit
page.includeCSS{
file1 = typo3/sysext/rtehtmlarea/htmlarea/plugins/DynamicCSS
}
versucht aufrufen.
Allerdings sehe ich mich noch nicht am Ziel, denn ich finde im RTE nirgends ein Stylesheet "Sourcecode", das ich auf den Text anwenden könnte.
Was mache ich da noch falsch? Oder geht mein Vorhaben gar nicht?
Vielen Dank!
SaxenPower