Zum Inhalt springen

Enable images in the RTE

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

Tags: Frage

niederberger ·

Hallo Zusammen

Gibts ne Möglichkeit das Image Icon im RTE ohne den Extension Manger zu aktivieren. Der Grund liegt darin, dass der Webserver Error 500 hat beim Aufrufen der Optionen der RTE Extension. Jede andere Funktion läuft einwandfrei auf dem Webserver...

Grüsse und Merci,
Thomas Niederberger

Gerfried ·

Dazu sind einige Konfigurationseinstellungen nötig. Ich hab selber ziemlich lange herunexperiementiert und verwende nun folgendes Config Script. Dieses Script muß Du in der TS Config Deiner Root Page (Root Page -> Page Properties) einbauen...

Ich glaube, dann brauchst Du das Setting im Extention Manger auch nicht mehr - bin mir aber nicht sicher.

## RTE Konfiguration
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;
        }
}

RTE.default {

        # Zuweisung der CSS-Datei
        contentCSS = fileadmin/templates/styles/rte_formate.css
		RTE.default.useCSS = 1
       
        ## Markup options
        enableWordClean = 1
        removeTrailingBR = 1
        removeComments = 1
        removeTags = center, sdfield
        removeTagsAndContents = style,script

        # Buttons die gezeigt/versteckt werden
        showButtons = *
        hideButtons = blockstyle, blockstylelabel, fontstyle, fontsize, strikethrough, lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, subscript, superscript, acronym, copy, cut, paste, about
 
        # Hält die RTE Icons gegroupt zusammen
        keepButtonGroupTogether = 1

        # blendet Statusbar in htmlarea ein/aus
        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, center, small
                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,small,red,rte_image
                )       

                # 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: Eigene Stile
        classesCharacter = small,red
        classesImage= rte_image
        #classesParagraph = h1,h2

        # 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

        #Max. Breite der Bilder die über den RTE eingefügt werden dürfen
        buttons.image.options.plain.maxWidth = 480
}

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

Perfekt, Besten Dank.

Ich habe die zwei notwendigen Zeilen herausgezogen um die Bilder zu aktivieren und anschliessend in die Datenbank zu schreiben:

RTE.default.showButtons = *
RTE.default.proc.entryHTMLparser_db.tags.img >