Hi,
da dies mein erster Post überhaupt ist, möchte ich mich bei allen Usern bedanken, die mir bis jetzt durch einfaches Schreiben ihrer Beiträge schon sehr geholfen haben. Denn Leser bin ich schon eine ganze Weile.
Nun aber zu meinem Problem... bis jetzt habe ich im RTE nie eigene Klassen verwendet. Nun wollte ich aber einer Tabelle, bzw. den Tabellenzellen ein Layout verpassen, was nicht schon in meiner CSS der ganzen Site per table, bzw. td definiert ist.
Also habe ich erstmal nachgelesen, wie ich eigene Klassen in das DropDown Menü "Absatz" im RTE kriege.
gelesen habe ich hier: http://ug.typo3-nrw.de/typo3-dynamic_css.html
Nach etlichem Rumprobieren habe ich schließlich einfach die gesamte Beispielkonfiguration der oben genannten Seite übernommen.
Sprich meine RTE CSS liegt in fileadmin/templates/css/rte.css und der gesamte TS-Code ist im Setup des root-Templates gelandet.
in die css habe ich zu testzwecken erstmal nur span.roteSchrift und span.sehrGross aufgenommen. Hier bin ich mir auch nicht über die zusammenhänge im Klaren.
Wenn ich im TS-Code
RTE.default.classesCharacter = roteSchrift, sehrGross
angebe, heißt das dann, dass der RTE mir im DropDown Menü eines span-Elements roteSchrift und sehrGross anbieten müsste, unabhängig davon, ob die Formate in der rte.css definiert sind oder bietet der RTE das nur an, wenn die Formate in der CSS definiert sind?
Ist es notwendig alle Formate im TS-Code zu definieren oder gibt es eine Möglichkeit, dass der RTE sich die Formate aus der CSS zieht und sie direkt in das DropDown Menü übernimmt?
Jetzt der Haken bei der Sache... es funktioniert nicht *g*
Im RTE taucht absolut nichts neues auf, alles ist unverändert.
Browser ist Firefox 2.0.0.4
Typo3 Version ist: 4.1.1
htmlArea RTE Version ist: 1.5.2
Hier nochmal der TS-Code der oben angegebenen Seite zum direkten Nachlesen:
RTE.default.contentCSS = fileadmin/templates/css/rte.css
RTE.default.useCSS = 1
RTE.default.enableWordClean = 1
RTE.default.disableEnterParagraphs = 0
#fontstyle, fontsize werden ins html geschrieben, deshalb rausgenommen
#lefttoright, righttoleft nicht benötigt
#inserttag rausgenommen, damit redakteure damit keinen unsinn treiben
RTE.default.hideButtons = fontstyle, fontsize, lefttoright, righttoleft, inserttag
#PRE nicht benötigt, deshalb rausgenommen
#H1 aus semantischen Gründen rausgenommen (Überschrift Inhaltselemente ist schon h1)
RTE.default.hidePStyleItems = PRE, H1
#Für sauberes html rausgenommen
RTE.default.hideTags = font, font (full)
# siehe oben ausführlich
RTE.default.showTagFreeClasses = 1
RTE.default.classesCharacter = roteSchrift, sehrGross
RTE.default.classesImage = blauerRand, 10pxAbstand
RTE.default.classesAnchor = intern, extern, mailto
RTE.config.tt_content.bodytext.proc.allowedClasses = roteSchrift, sehrGross
RTE.default.showStatusBar = 1
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, re, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym
// TAGS DENIED
denyTags = font
// ALLOWED P & DIV ATTRIBUTES
keepPDIVattribs = align,class,style
// CONTENT TO RTE
HTMLparser_rte {
// TAGS ALLOWED
allowTags < RTE.default.proc.allowTags
removeTags = font
// 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.hr.allowedAttribs = class
// REMAP B AND I TAGS
tags.b.remap = strong
tags.i.remap = em
rmTagIfNoAttrib = span,div,font
htmlSpecialChars = 1
}
}
RTE.default.disableColorPicker = 1
RTE.default.disableSelectColor = 0
#vordefinierte farben, damit redakteure sich innerhalb des styleguides austoben können
RTE.colors {
color1 {
name = dunkelblau
value = #000066
}
color2 {
name = blau
value = #00008B
}
color3 {
name = rotbraun
value = #B22222
}
color4 {
name = dunkelrot
value = #CC3300
}
color5 {
name = mittelbraun
value = #D2691E
}
color6 {
name = orange
value = #FF9933
}
color7 {
name = pfirsich
value = #FFDAB9
}
color8 {
name = natur
value = #FDF5E6
}
}
RTE.default.colors = color1, color2, color3, color4, color5, color6, color7, color8
und hier der Inhalt meiner rte.css
span.roteSchrift {
color:#FF0000;
}
span.sehrGross {
font-size:24px;
}
Grundsätzlich möchte ich nur wissen was ich machen muss, damit überhaupt eine meiner selbst definierten Klassen im RTE zur Auswahl erscheint, alles andere schaffe ich dann schon selbst, nur bis jetzt ist leider jeder Versuch fehlgeschlagen dieses Ziel zu erreichen.
Achja, Cache gelöscht und Browser neu gestartet habe ich, daran kanns also nicht liegen.
Vielen Dank schonmal fürs Lesen 🙂