RTE CSS wird nicht ins Frontend übernommen

Roger80 · #1 25.05.08, 11:18

Hallo zusammen

Ich bin am verzweifeln, ich suche bereits seit Wochen nach einer Lösung für mein Problem. Mein RTE CSS wird nicht ins FE übernommen. Im Backend wird alles richtig dargestellt, nur im FR nicht mehr.
Ich google auch schon seit mehreren Tagen um das Problem zu finden, viele hatten daselbe Problem, aber als ich dies versucht habe, hat es bei mir null und nix bewirkt.

Ich verzweifle langsam...

Hier mein Page TS Code, eingebunden in der Root Seite:

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:

#*** 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;
}
}

#
# *** 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
useCSS = 1
showTagFreeClasses = 1

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

        # Buttons die gezeigt/versteckt werden
showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, orderedlist, unorderedlist, insertcharacter, 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, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, 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)
        ## geändert
ignoreMainStyleOverride = 0

proc {
htmlSpecialChars = 0

                # tags die erlaubt / verboten sind
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, center, normaltext, titlenormal, title, testscript
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 (
                        external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
                        align-left, align-center, align-right, author, normaltext, titlenormal, title, testscript, error
)
allowedClasses < RTE.default.allowedClasses - ERROR: Line 109: Object copied in this line "allowedClasses < RTE.default.allowedClasses" would leave either the value or properties untouched in TypoScript Version 1. Please check that this is not a problem for you.

               # 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

                                ## img tags werden erlaubt
img >
}
}

}

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

        # Classes: Eigene Stile
classesCharacter = author, normalext, title, titlenormal, testscript
classesImage= rte_image

        # Classes für Links (These classes should also be in the list of allowedClasses)
classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
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.proc < RTE.default.proc
RTE.default.FE.userElements >
RTE.default.FE.userLinks >

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

#RTE.default.contentCSS = fileadmin/css/rte.css
#RTE.default.showTagFreeClasses = 1
#RTE.default.classesParagraph := addToList(error)
#RTE.default.proc.allowedClasses := addToList(error)

RTE.classes.error {
name = weisse Schrift auf rot
value = background: #FF0000; color: #FFFFFF;
}

Hier noch meine CSS Datei für den RTE:

HTML-Code:

.normalText
{
    color: #353535;
    background-color: White;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: bolder;
    }
    
.titlenormal
{
font-size: 10px;
}

.title
{
    color: #353535;
    background-color: White;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bolder;
    }
    

    
    
    .testscript
{
    color: #353535;
    background-color:#00CC33;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 36px;
    border:0px;
    margin:0px;
    padding:0;
    border-spacing:0px;
    }
    
    .error
    {
    color: #353535;
    background-color:#00CC33;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 36px;
    border:0px;
    margin:0px;
    padding:0;
    border-spacing:0px;
    }

Hier mein Template Code:

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:

# doctype & code cleaning
config.doctype = xhtml_trans

seite = PAGE
seite {
config.metaCharset = utf-8
config.additionalHeaders = Content-Type:text/html;charset=utf-8
typeNum = 0
bodyTag = <body bgColor = "#FFFFFF">
stylesheet = fileadmin/css/style.css
meta.AUTHOR = Roger Böhlen
meta.DESCRIPTION = Sherins Kosmetikseite
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT

10.marks {
NAVIGATION = HMENU
NAVIGATION.special = directory
NAVIGATION.special.value = 2
NAVIGATION.entryLevel = 1
NAVIGATION.1 = GMENU
NAVIGATION.1.NO = 1
NAVIGATION.1.NO {
                              //   wrap = <div> | </div>
XY = 200, 25
10 = TEXT
10.text.field = title
                                 //10.noTrimWrap = | ||
10.text.listNum = 0
10.text.listNum.splitChar = |
10.fontColor = #333333
10.fontFile = fileadmin/fonts/frutiger.ttf
10.fontSize = 12
10.niceText = 0
10.offset = 25, 20

20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 200,1
backColor = #999999
}
20.offset = 12, 24

}
NAVIGATION.1.CUR < .NAVIGATION.1.NO
NAVIGATION.1.CUR {
10.fontColor = #7B0C0C
}
NAVIGATION.2 < .NAVIGATION.1
NAVIGATION.2 {
NO.10.XY = 200, 20
NO.10.fontSize = 10
NO.10.offset = 30,20
NO.20.offset = 20,32
CUR < .NO
}

     //Hier folgt der Inhalt
CONTENT_CHANGE = CONTENT
CONTENT_CHANGE < styles.content.get - ERROR: Line 65: Object copied in this line "CONTENT_CHANGE < styles.content.get" would leave either the value or properties untouched in TypoScript Version 1. Please check that this is not a problem for you.
    # CONTENT_CHANGE.includeCSS {
     #                                           file1 = fileadmin/css/rte.css
      #                                           file1.title = Standardansicht
       #                                         file1.media = screen
        #                                        }

CONTENT_CHANGE {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
} - ERROR: Line 77: The script is short of 1 end brace(s)

**Phlogiston** · #2 25.05.08, 20:57

Warum hast du denn die Zeile wo die CSS Datei includiert wird auskommentiert? Du musst dies nämlich irgendwo angeben.

Roger80 · #3 26.05.08, 08:28

Danke für Deine Antwort. Ich habe nach x-versuchen gedacht ich brauche vielleicht diese Zeile nicht, da ich Sie ja im Page TS bereits includiert habe.
Ich habe die Zeile wieder in meinen Code reingenommen, ändern tut sich aber leider nix.
Ich hoffe Ihr könnt mir da weiterhelfen, weil alleine schaff ich das glaube ich nicht...

**Phlogiston** · #4 26.05.08, 14:45

Habe gerade gemerkt, dass du dein includeCSS ja nicht bei einem PAGE object angegeben hast. Das ist nötig, sonst klappts nicht. Mach also

seite.includeCSS.... (ausserhalb)

oder halt oben drin

Roger80 · #5 26.05.08, 21:47

Danke nochmals für Deine Antwort. Ist es richtig das ich das includeCSS im Template TS einfügen muss.

Das würde dann also folgendermassen aussehen:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

# doctype & code cleaning
config.doctype = xhtml_trans

seite = [url="http://typo3.org/documentation/document-library/references/doc_core_tsref/4.1.0/view/7/5/"]PAGE
seite {
config.metaCharset = utf-8
config.additionalHeaders = Content-Type:text/html;charset=utf-8
typeNum = 0
bodyTag = <body bgColor = "#FFFFFF">
stylesheet = fileadmin/css/style.css
stylesheet = fileadmin/css/rte.css
... - ERROR: Line 11: Object Name String, "..." was not preceeded by any operator, =<>({;Line 11: The script is short of 1 end brace(s)

Ist das korrekt so? Wenn ja, es funzt nicht... Buhuuuu
Ich habe übrigens noch ein Attachment angehänt, wie der Text im Backend aussieht und wie er im Frontend aussieht.

**Phlogiston** · #6 27.05.08, 10:01

So müsste es klappen, aber nur mit einem stylesheet. Wie du in der tsref lesen könntest gibt es ja extra includeCSS.[array], für mehrere also anstatt stylesheet = foo.css

includeCSS.file1 = foobar.css
includeCSS.file2 = blubb.css

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

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
RTE Textfarbe wird nicht übernommen	guen	TYPO3 4.x Rich Text Editor	5	11.08.08 00:49
CSS wird nicht übernommen?	pidrootline	GMENU, HMENU, TMENU und Co.	0	03.03.08 15:30
CSS im RTE wird nicht übernommen	Endolino	TYPO3 4.x Rich Text Editor	1	02.10.07 20:37
lib.parseFunc.short wird nicht übernommen	Armin	TYPO3 4.x Fragen und Probleme	0	20.12.06 17:20
ACT-Zustand wird nicht übernommen	josDesign	GMENU, HMENU, TMENU und Co.	2	07.08.06 14:21

Suche

Userpanel

RTE CSS wird nicht ins Frontend übernommen