css in htmlArea RTE aber nicht in FE

ich habe zwei klassen für paragraphen:

p.top_10{ padding-top:10px;}
p.top_15{ padding-top:15px;}

die entsprechende css-datei ist auf der seite eingebunden

typo3/sysext/rtehtmlarea/htmlarea/plugins/DynamicCSS/dynamiccss.css

im page TSConfig steht:

RTE.default.classesParagraph := addToList(top_10, top_15)
RTE.default.proc.classesParagraph := addToList(top_10, top_15)

im htmlArea werden beide klassen angezeigt und funktionieren, sobald ich die seite sichere ist die formatierung weg, sie erscheint auch nicht im FE, was fehlt hier damit das paßt?

Hi,

das problem müsstest du so in den griff kriegen:

1. Variante
Dein CSS File benutzen

2. Variante
dynamic.css benutzen

egal welche css du benutz bzw im SETUP eingebunden hast du musst das:

p.top_10{ padding-top:10px;}
p.top_15{ padding-top:15px;}

auch noch eintragen.

Also entweder in die dynamic.css oder in deine eigene CSS Datei, wichtig ist einfach das die entsprechende dann im SETUP von deime root-template auch eingebunden ist.

gruss n2o

na das war ja mal ein enormer tipp, steht doch oben schon, die classen sind selbstredend in der eingebundenen css vorhanden.

ich hab das jetzt gelöst bekommen, wie steht hier:

http://www.site42.de/Eigene-Klassen-definieren.47.0.html

Hallo mooseMash,

Ich stehe vor dem gleichen Problem, wie Du es hier schildertest. Absatzklassen werden in htmlarea im Dropdown angezeigt und greifen, jedoch ist nach dem Abspeichern die Formatierung wieder verschwunden.
Das heißt doch, dass beim Weg in die DB aus den P-Tags das class-Attribut gelöscht wird.

Unter Deinem angegebenen Link konnte ich jedoch keine Lösung finden. Wie genau sah denn nun Deine Lösung aus?

Meine TS-Config:

############################################
# RTE-Konfiguration
############################################

# Eigene CSS-Klassen in externer Datei definieren
RTE.default.contentCSS = fileadmin/templates/scripts/css/text.css

# Benutzung von CSS-Angaben anstelle von HTML-Formatierungen - also <span> statt <font> (gilt für Mozilla/Firefox)
RTE.default.useCSS = 1

# bei Mozilla/Firefox werden bei ENTER Paragraphen erzeugt (wie im IE)
RTE.default.disableEnterParagraphs = 0

# Texte aus MS Word werden gesäubert
RTE.default.enableWordClean = 1

# XHTML-Optimierung einschalten
RTE.default.xhtml_cleaning = 1

# Welche Buttons sollen angezeigt werden?
RTE.default.showButtons =  blockstylelabel, blockstyle, textstylelabel, textstyle, formatblock, subscript, superscript, orderedlist, unorderedlist, outdent, indent, findreplace, spellcheck, insertcharacter, link, acronym, chMode, removeformat
RTE.default.hideButtons  = fontstyle, fontsize, lefttoright, righttoleft

# nicht benötigt, deshalb rausgenommen
RTE.default.hidePStyleItems = h4, h5, h6, pre, address

# Für sauberes XHTML rausgenommen
RTE.default.hideTags = font, font (full)

# Definiert wann und wo welche CSS-Klassen benutzt werden dürfen
RTE.default.classesParagraph := addToList(blauerAbsatz, oliverAbsatz)
RTE.default.classesCharacter := addToList(blaueSchrift, oliveSchrift, roteSchrift, fetteSchrift)

# damit die individuellen Klassen auch in die Datenbank aufgenommen werden:
RTE.default.proc.allowedClasses := addToList(blaueSchrift, oliveSchrift, roteSchrift, fetteSchrift)
RTE.default.proc.classesParagraph := addToList(blauerAbsatz, oliverAbsatz)
# muss für span-Klassen festgelegt werden:
RTE.config.tt_content.bodytext.proc.allowedClasses < RTE.default.classesCharacter

# Statusbar einblenden
RTE.default.showStatusBar = 0

Wer kann weiterhelfen?

Gruß, Siggi