Hallo zusammen!
Kennt jemand eine Lösung, wie man das CSS / den Style für die STANDARD Schriftart, Größe, Farbe, Hintergrundfarbe der RTE-Eingabefelder in den Masken des Backends beeinflussen kann? (Eigene zusätzliche Paragraph und Schriftformatierungen habe ich hinbekommen, nur nicht das Standard-Layout...)
Standard ist ja immer weißer Hintergund, Times New Roman...etc.
Habe schon etwas von mainStyleOverride gehört, jedoch ist diese Funktion nur für das FE? Oder mache ich was falsch?
RTE.default.mainStyleOverride = BODY { border: 1px black solid; margin : 2 5 2 5; border-top: none; font-family:Verdana; font-size:18px; color:green; background-color:black; } H1 { font-size:14px; color:navy; text-decoration: underline; } H2 { font-size:11px; color:black; font-style: bold; }
Danke für Tips!
Habs jetzt folgednermaßen lösen können, eigentlich recht simpel.
In das CSS was ich für die Style-Definitionen der zur Verfügung stehenden Schriftarten im RTE verwende, habe ich einfach um vordefinierte BODY, P, DIV etc. Tags ergänzt. Damit erscheint im Backend bereits bei der Eingabe im RTE direkt alles wie es später im Frontend aussehen wird:
Hier mein Typoscript:
RTE.default.contentCSS = fileadmin/styles/my_contentCSS.css
#Konfiguration der angezeigten Knöpfe
RTE.default.hideButtons = fontstyle, fontsize, blockstylelabel, blockstyle, formatblock, lefttoright, righttoleft, inserttag, showhelp, emoticon
#removeformat
#Statuszeile des RTE ausblenden
RTE.default.showStatusBar = 0
#CSS-Definition der Farben
RTE.colors {
schwarz {
name = schwarz
value = #000000
}
weiss{
name = weiss
value = #FFFFFF
}
grau {
name = grau
value = #C0C0C0
}
rot{
name = rot
value = #FF0000
}
pmaorange {
name = pma-orange
value = #F68B1F
}
pmablau {
name = pma-blau
value = #002659
}
}
#Die oben definierten Farben im RTE einbauen
RTE.default.colors = schwarz, weiss,grau, rot, pmaorange, pmablau
#Den Standard ColorPicker mit sehr vielen Farben ausschalten
RTE.default.disableColorPicker = 1
RTE.default.proc {
# TRANSFORMATION METHOD verhindert das Typo3-Tags in DB gespeichert werden! (LINK statt href)
overruleMode = ts_reglinks,ts_images
# LINES CONVERSION #Bei ENTER kein Paragraph, sondern nur Break als Zeilenumbruch
dontConvBRtoParagraph = 1
}
Hier meine CSS Datei:
body {
font-size : 12px;
font-family : Helvetica, Arial, Sans-Serif;
margin : 0px;
}
span.standard {
font-size: 12px;
font-weight: normal;
}
span.untertitel {
font-size : 14px;
font-weight: bold;
}
span.zitat {
font-size : 12px;
font-weight: italic;
}
div{
font-size : 12px;
font-weight: normal;
}
ul {
margin-top: 2px;
margin-bottom: 2px;
}
p {
font-size : 12px;
font-weight: normal;
margin-top: 2px;
margin-bottom: 2px;
}
span {
font-size : 12px;
font-weight: normal;
}