Zum Inhalt springen

Konfiguration funktioniert nicht

Erstellt am 27. Juli 2006 · 11 Antworten · letzte Antwort am 11. September 2006

Tags: Frage

gumble77 ·

Hallo zusammen,

ich benutze seit kurzem TYPO3 4.0 und habe Probleme mit der Konfiguration des RTE.

Meine TS:

RTE.default.contentCSS = fileadmin/templates/css/homepage.css 
RTE.default.useCSS = 1

RTE.default {
  mainStyle_font = Arial
  mainStyle_color = #000000
  mainStyle_bgcolor = #ffffff
  mainStyle_size = 1em
}

RTE.default {

userElements {
10 = Blaue Überschrift groß
10.description = Ausgewählter Text wird zur blauen Überschrift 1. Ordnung
10.mode = wrap
10.content = <h1>|</h1>
20 = Überschrift orange
20.description = Ausgewählter Text wird zur orangen Überschrift 2. Ordnung
20.mode = wrap
20.content = <h2>|</h2>
30 = Überschrift gelb
30.description = Ausgewählter Text wird zur gelben Überschrift 3. Ordnung
30.mode = wrap
30.content = <h3>|</h3>
40 = Graue Überschrift klein
40.description = Ausgewählter Text wird zur grauen Überschrift 4. Ordnung
40.mode = wrap
40.content = <h4>|</h4>
}

showButtons = cut, copy, paste, bold, italic, underline, left, center, right, unorderedlist, link, removeformat, insertcharacter, undo, redo, showhelp, inserttag, chMode, findreplace, user

hideButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, orderedlist, line, image, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, about, fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, spellcheck, outdent, indent, justifyfull, subscript, superscript, acronym

dontConvBRtoParagraph = 1

allowTagsOutside = div, span

keepButtonGroupTogether = 1

showStatusBar =  1
}

Folgende Probleme sind mir aufgefallen:

- sämtliche <div>s werden entfernt
- das CSS wird in der Ansicht nicht gezogen
- die User Elements werden nicht übernommen

Die Konfiguration der Buttons dagegen funktioniert einwandfrei.

Was hab ich falsch gemacht? Danke für jeden Hinweis!

Gruß Alex

gumble77 ·

Hi,

ich steh irgendwie auf dem Schlauch. Hat sich denn an der Konfiguration des RTE seit 4.0 irgendwas geändert?

Danke&Gruß Alex

gumble77 ·

Hi,

danke für den Hinweis! Und für die Mühen dort!! 😉

Ich bin jetzt zumindest einen Schritt weiter gekommen. Immerhin kann ich jetzt div-Klassen um einen Abschnitt zuweisen, auch wenn das div hinterher in p geparst wird. Zumindest bleibt aber die Klasse erhalten.

Komischerweise wird aber die CSS-Datei nicht gezogen. Hab es mit mehreren Pfaden probiert, aber keiner griff. Wo sollte die Datei denn relativ liegen?

Was weiterhin überhaupt nicht funktioniert, sind die userElements. Ich kann immer nur auf "Kategorie erweitern" klicken, aber weiterhin tut sich nichts. Muss das irgendwie anders eingebunden werden?

Meine aktuelle Konfiguration:

mod.web_layout.tt_content.colPos_list = 1, 0, 2

## RTE Konfiguration
RTE.default {
 
        # Zuweisung der CSS-Datei
        contentCSS = homepage.css
        useCSS = 1
        
        # Benutzerdefiniert
        userElements {
        10 = Blaue Überschrift groß
        10.description = Ausgewählter Text wird zur blauen Überschrift 1. Ordnung
        10.mode = wrap
        10.content = <h1>|</h1>
        20 = Überschrift orange
        20.description = Ausgewählter Text wird zur orangen Überschrift 2. Ordnung
        20.mode = wrap
        20.content = <h2>|</h2>
        30 = Überschrift gelb
        30.description = Ausgewählter Text wird zur gelben Überschrift 3. Ordnung
        30.mode = wrap
        30.content = <h3>|</h3>
        40 = Graue Überschrift klein
        40.description = Ausgewählter Text wird zur grauen Überschrift 4. Ordnung
        40.mode = wrap
        40.content = <h4>|</h4>
        }
        
        ## Markup options
        enableWordClean = 1
        removeTrailingBR = 1
        removeComments = 1
        removeTags = center, sdfield
        removeTagsAndContents = style,script
 
        # Buttons die gezeigt/versteckt werden
        showButtons = cut, copy, paste, bold, italic, underline, left, center, right, unorderedlist, link, removeformat, insertcharacter, undo, redo, showhelp, inserttag, chMode, findreplace, user
        
        hideButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, orderedlist, line, image, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, about, fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, spellcheck, outdent, indent, justifyfull, subscript, superscript, acronym
 
        # Hält die RTE Icons gegroupt zusammen
        keepButtonGroupTogether = 1
 
        # blendet Statusbar in htmlarea ein
        showStatusBar =  1
 
        ## 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
                denyTags = font, center
 
                # 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 = 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
                )       
 
                # 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, center
 
                        # 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
 
                                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 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 homepage.css vorhanden sind
        showTagFreeClasses = 1
 
        # Do not allow insertion of the following tags
        hideTags = font, center
 
        # 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= 80%

Danke&Gruß Alex

ms_k ·

hi,

du musst deine CSS irgendwo im fileadmin/[deinOrdner]/[deinDatei] ablegen und musst den Pfad hier darauf anpassen:

contentCSS = fileadmin/[deinOrdner]/homepage.css

anschließend inkludierst deine RTE CSS-Datei noch in deine Haupt-CSS ala:

@import url("[Pfad-vorneweg-wenn-anders]/homepage.css");

dann sollten die CSS überall verfügbar sein.

Was weiterhin überhaupt nicht funktioniert, sind die userElements. Ich kann immer nur auf "Kategorie erweitern" klicken, aber weiterhin tut sich nichts. Muss das irgendwie anders eingebunden werden?

mmh ich glaube so kannst die nicht an dieser Stellen definieren, aber vielleicht kann da jemand einen genaueren tip geben.

Grüße
ms_k

gumble77 ·

Hallo,

seltsam, jetzt funktioniert das CSS, obwohl ich den Pfad schon mal so ausprobiert hatte ... Aber Hauptsache es klappt 😉

Hast du in deinem CSS nur die Klassen author und span.author definiert oder noch mehr?

Die userElements hatte ich so oder so ähnlich schon mal unter 3.8 funktionsfähig. Ist ein Code-Schnipsel aus einer Schulung. Aber irgendwie klappt das unter 4.0 nicht mehr. 🙁

Gruß Alex

gumble77 ·

Ha, Holzauge sei wachsam. :o

Korrekt muss der Code lauten:

        # Benutzerdefiniert
        userElements {
        10 = Überschriften
        10 {
            10 = Blaue Überschrift groß
            10.description = Ausgewählter Text wird zur blauen Überschrift 1. Ordnung
            10.mode = wrap
            10.content = <h1>|</h1>
            
            20 = Überschrift orange
            20.description = Ausgewählter Text wird zur orangen Überschrift 2. Ordnung
            20.mode = wrap
            20.content = <h2>|</h2>
            
            30 = Überschrift gelb
            30.description = Ausgewählter Text wird zur gelben Überschrift 3. Ordnung
            30.mode = wrap
            30.content = <h3>|</h3>
            
            40 = Graue Überschrift klein
            40.description = Ausgewählter Text wird zur grauen Überschrift 4. Ordnung
            40.mode = wrap
            40.content = <h4>|</h4>
            }
        }

Dann klappt das auch. 😃

Danke für eure Hilfe!

jenny79 ·

was für einen Pfad für die Css Datei gast du denn jetzt genommen?
Bei mir funktioniert das nicht mit der css datei?

Lg
Jenny

PS:
habe folgendes als Konfiguration:

# RTE Konfiguration

RTE.default.contentCSS = fileadmin/templates/css/dynamiccss.css

RTE.default.classesCharacter := addToList(newsletterbox)
RTE.default.classesParagraph := addToList(newsletterbox)

RTE.default.proc.allowedClasses := addToList(newsletterbox)
RTE.default.proc.classesParagraph := addToList(newsletterbox)
RTE.default.showTagFreeClasses = 1


lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList=address,div,p,pre,h1,h2,h3,h4,h5,h6

# Ermöglicht die Eingabe von Tabellen im Rich Text Editor

RTE.default.proc {
dontConvBRtoParagraph=1
preserveTables=1
}
gumble77 ·

Meine Konfig:

RTE.default {
 
        # Zuweisung der CSS-Datei
        contentCSS = fileadmin/templates/homepage.css
        useCSS = 1

        ...
}

Vielleicht ist die 2. Zeile das Geheimnis?

Gruß Alex

Spyro ·
gumble77 schrieb

Immerhin kann ich jetzt div-Klassen um einen Abschnitt zuweisen, auch wenn das div hinterher in p geparst wird. Zumindest bleibt aber die Klasse erhalten.

dazu: proc.remapParagraphTag >

gumble77 ·

Danke für den Hinweis.

Diesen Befehl kenn ich nicht und hab auch in der Referenz nichts dazu gefunden. Was macht der und wie wird er eingebunden?

Gruß Alex