Zum Inhalt springen

Textfarbe wird nicht übernommen

Erstellt am 3. Dezember 2010 · 3 Antworten · letzte Antwort am 5. Dezember 2010

Tags: Frage

jstan ·

Hallo,
ich beiss' hier bald vor Wut in die Tischkante. Wieso ist der Colorpicker aktiv aber die Textfarbe werden nicht abgespeichert?

Danke für schnelle Hilfe. Ist hier ein Spezi im Raum Berlin dabei,
mit dem man sich ggf. kurzschliessen kann? Anbei mein TS

Gruss

#*** 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;
        }
	align-justify {
                name = blocksatz
                value = text-align: justity;
        }
	
}

#
# *** 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/styles/basic.css
       
        ## Markup options
        enableWordClean = 1
        removeTrailingBR = 1
        removeComments = 1
        removeTags = center, sdfield, font
        removeTagsAndContents = style,script
        disableColorPicker = 0 
        disableSelectColor = 0


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

        # 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; }
                p.align-justiy, h1.align-justiy, h2.align-justiy, h3.align-justiy, h4.align-justiy, h5.align-justiy, h6.align-justiy, td.align-justiy { text-align: justiy; }
        )

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

		overruleMode = ts_css	

                # 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, align-justify, author, css1, css2, css3, css3_575, css3_592, css3_untertitelblau, css3_untertitelblau592, css3_untertitelblauleft
                )       

                # 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
                entryHTMLparser_db = 1
                entryHTMLparser_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, align-justify
        )

        # Classes: Eigene Stile
        classesCharacter = author, css3, css2
        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.entryHTMLparser_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= 100%
NilsBarenbrock ·

Soweit ich weiß wird die Farbe über das style Attribut als css-Farbwert gespeichert.

Damit das Funtkioniert muss dieses Attribut für den span-tag zugelassen sein.

Füge mal unter deiner Zeile

p.allowedAttribs = class,style,align

noch folgende ein:

span.allowedAttribs = class,style
jstan ·

Habe ich gemacht, jetzt sieht's s.u. aus:
Hat nichts gebracht, speichert immer noch nicht die Farbe.
Hat es vielleicht was mit dem zu tun, was in die Datenbank geschrieben werden darf? Im RTE wird erst die gewählte Farbe angezeigt, klick ich auf speichern, ist sie futsch. Trotzdem danke.

Gruss

#*** 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;
        }
	align-justify {
                name = blocksatz
                value = text-align: justity;
        }
 
}
 
#
# *** 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/styles/basic.css
 
        ## Markup options
        enableWordClean = 1
        removeTrailingBR = 1
        removeComments = 1
        removeTags = center, sdfield, font
        removeTagsAndContents = style,script
        disableColorPicker = 0 
        disableSelectColor = 0
 
 
        # Buttons die gezeigt/versteckt werden
        showButtons = formatblock,textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, copy, cut, paste, left, center, right, justifyfull, orderedlist, unorderedlist, outdent, indent, insertcharacter, line, link, image, removeformat, subscript, superscript, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, textcolor, bgcolor, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, insertcharacter, undo, redo, showhelp, about
        hideButtons = fontstyle, fontsize, strikethrough,lefttoright, righttoleft, textindicator, emoticon, user, spellcheck, chMode, inserttag,  acronym,  
 
        # 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; }
                p.align-justiy, h1.align-justiy, h2.align-justiy, h3.align-justiy, h4.align-justiy, h5.align-justiy, h6.align-justiy, td.align-justiy { text-align: justiy; }
        )
 
        ## 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, 
                denyTags = font
 
		overruleMode = ts_css	
 
                # br wird nicht zu p konvertiert
                dontConvBRtoParagraph = 1
 
                # tags sind erlaubt außerhalt von p, div
                allowTagsOutside = img, hr, span
 
                # 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, align-justify, author, css1, css2, css3, css3_575, css3_592, css3_untertitelblau, css3_untertitelblau592, css3_untertitelblauleft
                )       
 
                # 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
                entryHTMLparser_db = 1
                entryHTMLparser_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
                                span.allowedAttribs = class,style
 
                                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, align-justify
        )
 
        # Classes: Eigene Stile
        classesCharacter = author, css3, css2
        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.entryHTMLparser_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= 100%
jstan ·

Hat sich erledigt, was fehte war
span.allowedAttribs = class, style, color, background-color

statt
span.allowedAttribs = class, style,

Danke und Gruss