RTE konfigurationprobleme

Meldryn · #1 27.09.07, 10:26

Hallo Community

Habe da 2 Probleme.
Punkt 1
Wie es bei vielen anderen ja auch schon das Problem war macht der RTE bei einem Zeilenumbruch einen <p> tag anstatt eines weichen <br> tags, was er eigentlich machen soll.
Habe es auch schon mit der umständlichen Variante [strg]+[enter], versucht aber das geht auch nicht.
In den ganzen anderen Threads die ich bereits durchgelesen habe, hab ich durch Probieren und testen leider auch keine Lösung gefunden.

Punkt 2
Jedesmal wenn ich im RTE Speicher werden die tags für Schriftgröße und Schriftart rausgenommen.

Immoment habe ich diese TSConfig drin.

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:

#*** 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 = tcg_schrift.css

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

            # Buttons die gezeigt/versteckt werden
showButtons = chMode, bold, italic, underline, strikethrough, subscript, superscript, left, center, right, justifyfull, orderedlist,              unorderedlist, emoticon, textcolor, insertcharacter, line, link, removeformat, table, undo, redo, fontsize, fontstyle

hideButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, insertcharacter, image, toggleborders, tableproperties,             rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit,             cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, showhelp, about, formatblock,         lefttoright, righttoleft, bgcolor, textindicator, user, spellcheck, inserttag, outdent, indent, 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, 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, font
denyTags = 0

                # 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
)

                # 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 = 0

                        # 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 {

keepNonMatchedTags = 1

                        # 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, font
denyTags = 0

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

rmTagIfNoAttrib = span,div,font

                        ## 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 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 = 0

        # 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%

Habe diese TSConfig schon viel bearbeitet, aber nie kam das gewünschte ergebniss raus. Könnte also sein das da leider kleinigkeiten drin sind die sich wiedersprechen oder einfach nicht passen.

Ich hoffe mir kann da jemand weiterhelfen.
Weil ich kann dem Enduser nicht erklären das er Enter drückt dann nochmal deleten muss und dann nochmal ausrichten nur damit er ein BR hinbekommt.

Danke im vorraus

Grüsse
Mel

Meldryn · #2 05.10.07, 11:17

Mittlerweile habe ich viele Probleme lösen können durch sehr nervenaufreibendes ausprobieren und enttäuscht werden.

Meine TSConfig sieht nun so aus:

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/page/fonts/rte.css
useCSS = 1

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

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

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

        # blendet Statusbar in htmlarea aus
showStatusBar =  0

allowedClasses {
external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail, - ERROR: Line 77: Object Name String, "external-link," contains invalid character ",". Must be alphanumeric or one of: "_-."
align-left, align-center, align-right, Arial_8pt, Arial_10pt, Arial_12pt, Arial_14pt, Arial_18pt, Arial_24pt, Arial_36pt, bold, underline, strikethrough - ERROR: Line 78: Object Name String, "align-left," contains invalid character ",". Must be alphanumeric or one of: "_-."
}

        ## 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; } - ERROR: Line 83: Object Name String, "p.align-left," contains invalid character ",". Must be alphanumeric or one of: "_-."
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; } - ERROR: Line 84: Object Name String, "p.align-center," contains invalid character ",". Must be alphanumeric or one of: "_-."
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; } - ERROR: Line 85: Object Name String, "p.align-right," contains invalid character ",". Must be alphanumeric or one of: "_-."
}

        ## 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, 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, font
denyTags = 0

                # br wird nicht zu p konvertiert
dontConvBRtoParagraph = 1

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

                # 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, - ERROR: Line 108: Object Name String, "external-link," contains invalid character ",". Must be alphanumeric or one of: "_-."
align-left, align-center, align-right, Arial_8pt, Arial_10pt, Arial_12pt, Arial_14pt, Arial_18pt, Arial_24pt, Arial_36pt, bold, underline, strikethrough - ERROR: Line 109: Object Name String, "align-left," contains invalid character ",". Must be alphanumeric or one of: "_-."
}

                # 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 {

removeTags = font,

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

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

        # Classes: Ausrichtung
classesParagraph {
align-left, align-center, align-right - ERROR: Line 177: Object Name String, "align-left," contains invalid character ",". Must be alphanumeric or one of: "_-."
}

        # Classes: Eigene Stile
classesCharacter = Arial_8pt, Arial_10pt, Arial_12pt, Arial_14pt, Arial_18pt, Arial_24pt, Arial_36pt
        #classesImage = rte

        # 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
}
allowedClasses = Arial_8pt, Arial_10pt, Arial_12pt, Arial_14pt, Arial_18pt, Arial_24pt, Arial_36pt, bold, underline, strikethrough

        # zeigt alle CSS-Klassen die in rte.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%

Leider besteht nun nurnoch ein Problem.
Die ganzen Formatierungen werden aus dem RTE nicht mit ins FE (Show) übernommen.

Gruss Arno

tga · #3 05.10.07, 12:31

Hi Arno,

im Backend werden die Formatierungen ganz sicher mit abgespeichert? Hast du den Quelltext angesehen?

Sind die CSS-Dateien im Frontend richtig eingebunden?

Wird gar keine Formatierung übernommen, auch kein Fett, etc?

Mehr kann ich mit deinen Infos nicht sagen...

Lg,
Tina

Meldryn · #4 05.10.07, 13:12

Erstmal danke für die antwort.

Also

Die Formatierungen werden im Backend gespeichert aber im Frontend nicht übernommen.
Im Frontend Quelltext wird mir das zum css ausgegeben:

HTML-Code:

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e99aac0be0.css" />

Wie gesagt im Backend werden alle Formatierungen auch nach dem Speichern übernommen. Bold,Underline sämtliche css-fonts alles ok.
Nur ins FE wird nix übernommen.

Irgendwas was du benötigst um mir evtl weiter zu helfen?

Gruss Arno

fragolina · #5 19.08.08, 10:31

Hallo zusammen

hatte das gleiche Problem.
In der Extension htmlAreaRTE soll in der Konfiguration (Klick auf die Extension) Enable Features Default configuration settings auf Demo(.....) gesetzt werden, somit werden alle Features im Editor aktiv

dieser Link kann hilfreich sein Gruß

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:

Suche

Userpanel

RTE konfigurationprobleme