[Typo3-german] htmlArea eigene CSS-Klassen einbinden

[Kussmann, Juergen]

Hi Hendrik,

Ich habe die TSConfig-Geschichte in die root-page gepackt.

Dein Abschnitt 'RTE.config.tt_content.bodytext.proc.allowedClasses = ausnahmeLinks' kannst du dynamischer gestalten (so nutze ich das):
RTE.config.tt_content.bodytext.proc.allowedClasses < RTE.default.classesCharacter 


Mein gesamtes TS (in der Page gespeichert) sieht so aus (und funktioniert):

########################
# RTEHtmlArea-TS-Konfiguration #
########################

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

# Texte aus MS Word werden gesaeubert
RTE.default.enableWordClean = 1

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

# use <span>-Tags instead of e.g. <font>-Tags (gilt für Mozilla/Firefox)
RTE.default.useCSS = 1

# which buttons should be shown?
RTE.default.showButtons =  *
RTE.default.hideButtons  = fontstyle,fontsize,formatblock,strikethrough,subscript,superscript,lefttoright,righttoleft,textcolor,bgcolor,textindicator,emoticon,line,user,acronym,inserttag,showhelp,about

#RTE.default.hidePStyleItems = PRE, H1
RTE.default.hideTags = font, font (full)

# Definiert wann und wo welche CSS-Klassen benutzt werden dürfen
RTE.default.showTagFreeClasses = 0
RTE.default.classesCharacter = headline,Intern,kontaktleiste,Kommentar,Definition,Warnung,Code
RTE.default.classesImage =
RTE.default.classesAnchor =

#must be set for span classes !!!
RTE.config.tt_content.bodytext.proc.allowedClasses < RTE.default.classesCharacter

# show Statusbar
RTE.default.showStatusBar = 1

# Breite des RTE definieren (in Prozent oder Pixeln)
# Muster: TCEFORM.<table_name>.<column_name>.RTEfullScreenWidth = <breite>[%|px]
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%

# RTE-Verarbeitung
RTE.default.proc {
  // TRANSFORMATION METHOD
  overruleMode = ts_css

  // LINES CONVERSION
  dontConvBRtoParagraph = 1

  // TAGS ALLOWED OUTSIDE P & DIV
  allowTagsOutside = img,hr

  // TAGS ALLOWED
  allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p,br, span, ul, ol, li, pre, blockquote, strong, em, b, i, u, sub, sup,strike, a, img, nobr, hr, tt, q, cite, abbr, acronym

  // ALLOWED P & DIV ATTRIBUTES
  keepPDIVattribs = align,class,style

  // CONTENT TO RTE
  HTMLparser_rte {
    // TAGS ALLOWED
    allowTags < RTE.default.proc.allowTags

    // DO NOT REMOVE UNMATCHED TAGS
    keepNonMatchedTags = 0
  }

  // CONTENT TO DATABASE
  entryHTMLparser_db = 1
  entryHTMLparser_db {
    // XHTML COMPLIANCE
    xhtml_cleaning = 1

    // CLEAN TAGS
    noAttrib = b,i,u,strike,sub,sup,strong,em,quote,blockquote,cite,tt,br,center
    tags.font.allowedAttribs = color,style
    tags.hr.allowedAttribs = class

    // REMAP B AND I TAGS
    tags.b.remap = strong
    tags.i.remap = em

    // remove Tags which have no attributes
    rmTagIfNoAttrib = span,div,font

    #htmlSpecialChars = 1
  }
}



Viele Grüsse,

Jürgen Kußmann
-----Original Message-----
From: Hendrik Will [mailto:mail at hendrikwill.com] 
Sent: Wednesday, September 14, 2005 10:33 AM
To: typo3-german at lists.netfielders.de
Subject: [Typo3-german] htmlArea eigene CSS-Klassen einbinden

Hallo,
ich benutze htmlArea und möchte eigene CSS-Klassen einbinden.

Mein Ansatz sieht folgendermaßen aus:

TSconfig des Users:
RTE.default.contentCSS = fileadmin/templates/css/rte.css
RTE.default.useCSS = 1
RTE.default.showTagFreeClasses = 1
RTE.default.classesCharacter = ausnahmeLinks
RTE.config.tt_content.bodytext.proc.allowedClasses = ausnahmeLinks

CSS:
span.ausnahmeLinks {
text-decoration: underline;
}

Leider wird die CSS-Klasse in htmlArea nicht angezeigt. Ich habe auch 
schon den Cache gelöscht und den Browser neu gestartet. Leider ohne 
Erfolg. Hat jemand eine Idee wo mein Fehler liegt?

Gruß
Hendrik