Zum Inhalt springen

CSS-Klassen erscheinen nicht im Front-End

Erstellt am 18. Januar 2007 · 1 Antwort · letzte Antwort am 19. Januar 2007

Tags: HTML & CSS, Frage

DiePicknickerin ·

Hallo,

ich hoffe, jemand hat etwas Zeit für mein Problem :o

Ich will verschiedene CSS-Klassen für den RTE nutzbar machen und das klappt auch soweit, dass die Klassen für Absätze im RTE ausgewählt werden können. Die Auswirkungen erscheinen auch im RTE-Feld - aber leider nicht auf der Webseite. Der generierte HTML-Code enthält die Klassen dann nicht mehr. Nun grüble ich schon seit geraumer Zeit darüber und weiss nicht mehr weiter.

Hier das TS-Config der Seite:

RTE.default.disabled = 0
RTE.config.proc.overruleMode = ts_css

RTE.default {
    contentCSS = fileadmin/templates/rte-styles.css
    useCSS = 1

    enableWordClean = 1
    #disableEnterParagraphs = 1
    showButtons = formatblock, blockstylelabel, blockstyle, textstylelabel, textstyle 
    hideButtons = fontstyle, fontsize, lefttoright, righttoleft, inserttag, image
    hidePStyleItems = PRE, H1, H2, H5, H6
    hideTags = font, font (full)

    showTagFreeClasses = 1
    classesCharacter = liste, abstand-unten, abstand-oben, Text-mittig-blau, kleineUeberschrift-blau
    classesParagraph = liste, abstand-unten, abstand-oben, Text-mittig-blau, kleineUeberschrift-blau
    allowedClasses = liste, abstand-unten, abstand-oben, Text-mittig-blau, kleineUeberschrift-blau

    showStatusBar = 1

    FE {
    proc  {
      allowedClasses < RTE.default.allowedClasses
	    }
    }
}

RTE.default.proc {
    # TRANSFORMATION METHOD
    overruleMode = ts_css
    # LINES CONVERSION
    dontConvBRtoParagraph = 1
    # TAGS ALLOWED OUTSIDE P & DIV
    allowTagsOutside = hr
    allowTags = table, tbody, tr, th, td, h3, h4, div, p, br, span, ul, ol, li, blockquote, strong, em, b, i, u, sub, sup, a, img, nobr, hr, tt, q, cite, abbr, acronym
    allowedClasses < RTE.default.allowedClasses
    # TAGS DENIED
    denyTags = font

    #RTE to DB
    entryHTMLparser_db = 1
	entryHTMLparser_db.tags {
           p >
           p.fixAttrib.align.unset >
           p.allowedAttribs = class,style,align
       }
    # ALLOWED P & DIV ATTRIBUTES
    keepPDIVattribs = align,class,style,id

    # DB-CONTENT TO RTE
    HTMLparser_rte {
    # TAGS ALLOWED
    allowTags < RTE.default.proc.allowTags
    removeTags = font
    allowedClasses < RTE.default.proc.allowedClasses
    #DO NOT REMOVE UNMATCHED TAGS
    keepNonMatchedTags = 0
                }
   }
RTE.config.tt_content.bodytext.proc.allowedClasses < RTE.default.proc.allowedClasses

#Setting screen width:
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%

Die RTE-Konfiguration habe ich jetzt bereits mit Typical und mit Demo ausprobiert. Das macht leider keinen Unterschied. Im Augenblick stehts auf Minimal. Wie gesagt, die CSS-Klassen kommen einfach nicht im Front-End an.

Hoffentlich kann jemand was sehen...

Achja: HTMLarea 1.3.8 - TYPO3 4.0.4

Lieben Gruß
Die Picknickerin (aus'm stürmischen Norden)

DiePicknickerin ·

OK, et hat jet allet etwat jedauert bei mir:

Aber man sollte dann auch mal sein Template-Setup untersuchen, bevor die Panic so richtig zuschlägt.

Im Root-Template Setup hatte ich nämlich folgende Zeilen, so wie immer, um das nervige class="bodytext" loszuwerden:

#lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class = 
#lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class.setOnly =

Aber wenn man an seinen P-Tags nichts mehr erlaubt, dann kann man auch keine Klassen mehr anfügen, nä? #giggle#

Danke nochmal an Thorsten, der den Augenöffner gespielt hat...

Gruß!