TD Klassen erscheinen erst nach Wechsel von contentCSS

bluefire · #1 06.03.08, 15:42

Hallo Zusammen

Ich habe ein interessantes (besser: unverständliches) RTE Konfigurationsproblem.

meine RTE-Config (Abgeänderte Standardkonfiguration von sk-typo3.de :sad:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:

#*** RTE Classe des Interface (Ausrichtung)
RTE.classes {
align-left {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
value = text-align: left;
}
align-center {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
value = text-align: center;
}
align-right {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
value = text-align: right;
}
kundenbeschrieb {
name = Spalte Kundenbeschrieb
}
aufgaben {
name = Spalte Aufgaben
}
loesungen {
name = Spalte Lösungen
}
zelle20.name = Breite 20%
zelle30.name = Breite 30%
zelle40.name = Breite 40%
zelle50.name = Breite 50%
zelle60.name = Breite 60%
zelle70.name = Breite 70%
zelle80.name = Breite 80%
}

#
# *** Entfernt das Bild vor den Links
RTE.classesAnchor {
internalLink {
class = internal-link
type = page
image >
}
externalLink {
class = external-link
type = url
image >
}
externalLinkInNewWindow {
class = external-link-new-window
type = url
image >
}
internalLinkInNewWindow {
class = internal-link-new-window
type = page
image >
}
download {
class = download
type = file
image >
}
mail {
class = mail
type = mail
image >
}
}

## RTE Konfiguration
RTE.default {

        # Zuweisung der CSS-Datei
contentCSS = fileadmin/css/rte.css

        ## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script

        # Buttons die gezeigt/versteckt werden
showButtons = formatblock, textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, orderedlist, unorderedlist, insertcharacter, chMode, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, insertcharacter, undo, redo, showhelp, about
hideButtons = fontstyle, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste

        # Hält die RTE Icons gegroupt zusammen
keepButtonGroupTogether = 1

        # blendet Statusbar in htmlarea aus
showStatusBar =  0

        ## Add styles Left, center and right alignment of text in paragraphs and cells.
inlineStyle.text-alignment (
                p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
                p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
                p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
)

        ## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
ignoreMainStyleOverride = 1

proc {
                # tags die erlaubt / verboten sind
allowTags = table, thead, tbody, tfoot, caption, 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, center
denyTags = font

                # br wird nicht zu p konvertiert
dontConvBRtoParagraph = 1

                # tags sind erlaubt außerhalt von p, div
allowTagsOutside = img,hr

                # erlaubte attribute in p, div tags
keepPDIVattribs = align,class,style,id

                # List all class selectors that are allowed on the way to the database
allowedClasses (
                        intern, extern, mail, download, linkicon, align-left, align-center, align-right, author, kundenbeschrieb, aufgaben, loesungen, zelle20, zelle30, zelle40, zelle50, zelle60, zelle70, zelle80,
)

                # html parser einstellungen
HTMLparser_rte {

                        # tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags

                        # tags die untersagt sind
removeTags = font

                        # entfernt html-kommentare
removeComments = 1

                        # tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
keepNonMatchedTags = 0
}

                # Content to database
entry HTMLparser_db = 1
entry HTMLparser_db {

                        # tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags

                        # CLEAN TAGS
noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center

rmTagIfNoAttrib = span,div,font

                        # htmlSpecialChars = 1

                        ## align attribute werden erlaubt
tags {
p.fixAttrib.align.unset >
p.allowedAttribs = class,style,align

div.fixAttrib.align.unset >

hr.allowedAttribs = class

                                # b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em
hr.remap = div class="hrtag"> </div

                                ## img tags werden erlaubt
img >
}
}

}

        # Classes: Ausrichtung
classesParagraph (
                align-left, align-center, align-right
)

        # Classes: Eigene Stile
classesCharacter = author
classesImage = rte_image
classesTD = kundenbeschrieb, aufgaben, loesungen, zelle20, zelle30, zelle40, zelle50, zelle60, zelle70, zelle80,

        # Classes für Links (These classes should also be in the list of allowedClasses)
classesAnchor = intern, extern, mail, download, linkicon
classesAnchor.default {
page = internal-link
url = external-link-new-window
file = download
mail = mail
}

        # zeigt alle CSS-Klassen die in formate.css vorhanden sind
showTagFreeClasses = 1

        # Do not allow insertion of the following tags
hideTags = font

        # Tabellen Optionen in der RTE Toolbar
hideTableOperationsInToolbar = 0
keepToggleBordersInToolbar = 1

        # Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
disableSpacingFieldsetInTableOperations = 1
disableAlignmentFieldsetInTableOperations = 1
disableColorFieldsetInTableOperations = 1
disableLayoutFieldsetInTableOperations = 1
disableBordersFieldsetInTableOperations = 0
}

# Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entry HTMLparser_db

# FE RTE configuration (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.userElements >
RTE.default.FE.userLinks >

# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%

#wichtig, damit die nicht in p gewrappt werden
lib.parseFunc_RTE.externalBlocks = ul,ol,table

#wenn ein table eine class hat, wird die verwendet, sonst class=contenttable
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

#nochmaliges parsen von tabellenzellen auschalten, damit inhalte nicht wieder in p gepackt werden
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.callRecursive = 0

#nachträgliches ermöglichen von Links in Tabellenzellen
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.stdWrap.parseFunc {
makelinks = 1
makelinks.http.keep = scheme,path,query
makelinks.mailto.keep = path
tags {
link = TEXT
link {
current = 1
typolink.parameter.data = parameters : allParams
}
}
}

RTE.default.FE.proc < RTE.default.proc
RTE.default.FE < RTE.default

mein main_rte.css

Code:

/* EGELI MAIN CSS STYLESHEET */
html, body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 130%;
    color: #666666;
    margin: 0;
    padding: 0;
}

p {
    margin: 10px 0;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

h2 {
    margin: 5px 0;
    font-size: 12px;
    font-weight: bold;
}

hr,
div.hrtag,
p.hrtag {
    display: block;
    height:1px;
    border: none;
    border-top:1px solid #000;
    margin: 10px 0;
    padding: 0;
    background: none;
}


/* TABLES */
table {width: 100%; font-size: 12px; border-collapse: collapse;}
table td {border: 1px dotted #CCCCCC; margin: 0; padding: 0; width: 50px;}

td.zelle20 {width: 20%;}
td.zelle30 {width: 30%;}
td.zelle40 {width: 40%;}
td.zelle50 {width: 50%;}
td.zelle60 {width: 60%;}
td.zelle70 {width: 70%;}
td.zelle80 {width: 80%;}

/* TABLE Informatik Referenz */
table.informatik-referenz {
    border-collapse: collapse;
}

table.informatik-referenz thead td {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

td.kundenbeschrieb {width: 50%;}
td.aufgaben {width: 25%;}
td.loesungen {width: 25%;}



/* ADDRESS TABLE */
table.address_table {
    width: 100%;
}


table.address_table td {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    vertical-align: top;
}

table.address_table td.td-0 {width: 250px;}
table.address_table td.td-1 {width: 130px;}
table.address_table td.td-2 {width: 150px;}
table.address_table td.td-3 {text-align: right; vertical-align: middle;}


/*############# Link Classes Styles #################*/

a.linkicon,
a.linkicon:link,
a.linkicon:visited {
    padding-left: 15px;
    background: url(/fileadmin/images/gruppe/linkpfeil.gif) no-repeat 0 60%;
}

a.linkicon:hover,
a.linkicon:active {
    padding-left: 15px;
    background: url(/fileadmin/images/gruppe/linkpfeil_over.gif) no-repeat 0 60%;
}

a.download,
a.download:link,
a.download:visited,
a.download:hover,
a.download:active {
    background: url('/fileadmin/images/icon_pdf.gif') 0 0 no-repeat;
    padding: 1px 0 1px 22px;
}

mein rte.css

Code:

td.zelle20 {width: 20%;}
td.zelle30 {width: 30%;}
td.zelle40 {width: 40%;}
td.zelle50 {width: 50%;}
td.zelle60 {width: 60%;}
td.zelle70 {width: 70%;}
td.zelle80 {width: 80%;}

Die rte.css dient dabei nur als Testdatei.
Ihr seht dass die klassen td.zelle20 - td.zelle80 in rte.css eingetragen sind, sowie auch in main_rte.css nebst den anderen styles und klassen die ich für den RTE brauche.

Nun...
Wenn ich in der RTE-Config als contentCSS = main_rte.css angebe, dann erscheinen zwar die Klassen td.kundenbeschrieb, td.aufgaben und td.loesungen im RTE und können per Zelleneigenschaften oder Absatz-Selectbox im RTE ausgewählt werden, jedoch nicht die td.zelle20 - td.zelle80, obwohl sie genau gleich eingebunden und konfiguriert sind wie voran genannte Klassen.

Gebe ich hingegen contentCSS = rte.css an, so erscheinen diese Klassen.

Das CSS ist mit sicherheit korrekt und valide - was habe ich vergessen zu beachten? Ich habe das Problem jetzt öfter gehabt und den Effekt hatte ich auch zu anfang mit den 3 Klassen td.kundenbeschrieb, td.aufgaben und td.loesungen - nachdem ich dann ein neues (gekürztes) main_rte.css angelegt hatte hat's funktioniert.

Kennt jemand von euch das Problem? Cache wurde natürlich nach jeder Anpassung an einer der Files (obwohls bei CSS ja nicht nötig wäre) gelöscht.

Typo3 4.0 mit Standard RTE

Danke für Hinweise.

bluefire · #2 07.03.08, 13:14

Guten Tag zusammen

Wollte nur kurz anmerken, dass ich heute Morgen die Zeile contentCSS = ... wieder auf die main_rte.css angepasst habe, und siehe da nun erscheinen alle Klassen.

Gibt's da evtl. ein internes Cache Problem mit CSS innerhalb des RTE?
Wie gesagt, das Problem hatte ich schon einmal auf genau dieselbe Art (auf 2 unterschiedlichen Servern mit untersch. PHP und TYPO-Versionen (PHP 4.4x // PHP 5x) / (TYPO3 4.0 / 4.1.5)

Scheine wohl der einzige mit dem Problem zu sein?

schönen Tag noch

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seiteninhalte erst nach Login anzeigen	Herr Sieben	TYPO3 4.x FE-User	3	06.07.08 11:58
Front End Edit erst nach Login	schaema	TYPO3 4.x FE-User	6	12.05.08 19:15
unterschiedliche Darstellung nach Wechsel von testumgebung 4.1.3 auf server 4.1.6	kuchi	TYPO3 4.x Installation und Updates	8	10.04.08 13:03
Klassen je nach zugewiesenem Content-Layout	mensch	TYPO3 4.x Fragen und Probleme	8	02.02.07 16:53
Login-Aufforderung erst nach Klick auf Link	Eva	TYPO3 4.x Fragen und Probleme	1	15.08.06 18:55

Suche

Userpanel