Zum Inhalt springen

htmlarea / RTE (Konfiguration) - so gehts

Erstellt am 21. März 2006 · 191 Antworten · letzte Antwort am 28. Februar 2013 · Seite 9 von 10

Tags: Frage

Basti4k ·

Hallo liebes Forum,

ich bin neu hier und habe leider viele Fragen :/

am besten ich poste euch mal meine "zusammengeschnippelte" TS-Config:

useCSS = 1

#*** 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/myclubclub/main.css
       
        ## 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, textcolor, underline, left, center, right, orderedlist,chMode, 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, bgcolor, textindicator, emoticon, user, spellcheck, 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)
        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

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

                                ## img tags werden erlaubt
                                img >
                                
                                ## span tags werden erlaubt
                                span >

                                ## div tags werden erlaubt
                                div >
                        }
                }

        }

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

        # Classes: Eigene Stile
        classesCharacter = author
        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 = 0
        disableAlignmentFieldsetInTableOperations=0
        disableColorFieldsetInTableOperations=0
        disableLayoutFieldsetInTableOperations=0
        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%

ein Auszug aus meiner Setup-Config:

#wichtig, damit die nicht in p gewrappt werden
lib.parseFunc_RTE.externalBlocks = ul,ol,table

#nochmaliges parsen von tabellenzellen auschalten, damit inhalte nicht wieder in p gepackt werden
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.callRecursive = 0

# automatische Verlinkung abstellen
lib.parseFunc_RTE.makelinks >
lib.parseFunc_RTE.externalBlocks.ul.stdWrap.parseFunc.makelinks = 0
lib.parseFunc_RTE.externalBlocks.ol.stdWrap.parseFunc.makelinks = 0

plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >

ich habe dort noch folgendes Problem.

im RTE wird der Button "Unterstreichen" angezeigt, sobald ich den auch drücke setzt er in der "Code-Ansicht" <u>wort</u>... doch sobald ich auf speichern klicke, wird es raus geschmissen!

wenn ich um einen <p> ein <div> bauen will schmeißt er mir diese auch heraus.

nun habe ich diese TS zusammen geschnitten und weiß nun auch wirklich nciht wo ich genau anfangen soll, damit ich diese Fehler beheben kann...

hier wird ganz gut beschrieben, wie ich die div´s zulasse, doch müsste ich aus meiner config Werte heraus löschen 🙁 doch weiß ich nun auch nicht so genau wo und wie 🙁
link: http://www.datenwolken.de/index.php?id=211

wäre super nett wenn mir da wer helfen kann :/

bin auch per icq und msn zu erreichen.

VIELEN DANK AN ALLE !

eine frage noch vergessen: gibt es denn eine gute std. config?

manuelB ·

hey, danke erstmal für die super doku. ich hab jetzt hier n kleines problem. ich hab per

showButtons = left, right, center, justifyfull

mir die buttons für die ausrichtung angezeigt. die angaben werden allerdings beim speichern nicht übernommen. was mach ich falsch?

hab schon bei proc.allowedClasses die 4 klassen mit aufgenommen, ohne erfolg. was kann ich da tun?! o.O

Tante Jensen ·

Hallo Isabelle (und wen es noch interessiert)

Kann mir den jamand sagen wie ich alle diese Einstellungen für die RTE's der verschiedenen Extensions übernehmen kann? Z.Bsp. wie kann ich diese Einstellungen für den RTE der News übernehmen?

bei mir hat das geklappt, seit die SysOrdner der Extensions unterhalb der root-Seite liegen.

Gruß, Nils

Layna ·

Hallo 🙂.
Der RTE treibt mich noch zum Wahnsinn....
Ich habe:
rtehtmlarea Version 1.5.2 auf Typo3 4.1.1
Wann immer ich ein über den Button zum Bild Einfügen hinzufüge wird dieses mit einem Link zum BACKEND belegt.
Das wäre halb so wild, ich kann den Link ja wieder entfernen, leider bin ich aber nciht die einzige Person die die Seite Pflegt.
Kann mir jemand sagen wie ich den RTE von dieser verlinkung abhalte?

Danke,
Layna

dervigo ·

Hy @all,

also der Code von Karin ist wirklich klasse und auch nachvollziehbar...aber der packt bei mir irgendwie die rte_formate.css nicht an. Im RTE hab ich keine Auswahl der Tags, die ich in der rte_formate.css definiert habe...es is zum verzweifeln...

Greetz
dervigo

Unbekannter Benutzer ·

Wie kann ich denn bei einer Tabelle als Standard angeben, dass er keinen Border nimmt? Standardmäßig ist nämlich ein Border mit der Dicke 1px ausgewählt.

butterbreeze ·

Nach Forensuche und lesen dieses Riesen Threads sehe ich leider immer noch nicht ganz durch - ich habe ein Problem mit der Erstellung einer Klasse für Textfarbe.

Die Textfarbe soll an beliebigen Stellen im Text einsetzbar sein. Ich nehme also an, dass das Dropdown-Feld *Text* im RTE angewandt werden muss.

Im TSconfig der root-Seite steht folgendes:

RTE.default {
contentCSS = fileadmin/css/style_rte.css
useCSS = 1
showTagFreeClasses = 1
hideTags = font, font (full)
classesParagraph = test1, test2
classesCharacter = test1, test2
}

Der CSS-Pfad stimmt, das gleiche Stylesheet wird im zentralen Stylesheet ausserdem importiert. Inhalt der style_rte.css:

.text-green {
color: #8ca03d;
}

Ergebnis: ich bekomme *text-green* im Dropdownfeld *Absatz* zur Verfügung gestellt. Das Dropdown-Feld *Text* wird aktiv, nachdem ich *text-green* angewählt habe. Es bietet mir *Undefined* & *Standard*

Ich benutze Typo3 4.1.2, htmlArea RTE 1.5.3 & rf_dynamiccss 1.0.4

Wie bekomme ich die klasse text-green in das Feld *Text*? Denn ich will (s.o.) nicht nur ganze Absätze einfärben, sondern einzelne Passagen (Speichern lässt sich ein grün eingefärbter Paragraph ausserdem nicht ;/).

haurg ·

Hallo,

ich habe gleich zwei Probleme mit dem RTE.

Das erste Problem ist, dass ich keine Klickvergrößerung von Bildern hinbekomme, die im RTE eingefügt werden. Ich habe im Extension Manager den nötigen Haken gesetzt und bei den jeweiligen Bildern auch einen Haken gesetzt, jedoch kann ich die Bilder nicht vergrößern.

Muss noch was im Code eingefügt werden?

Das zweite Problem ist auch mit Bildern und zwar hätte ich gerne, damit er sich das Titelattribut (fürs Bild) aus der DAM-Tabelle vom title feld holt. Dafür gebe ich folgenden Code ein

RTE.default.buttons.image.title.useDAMColumn = title

Er holt sich jedoch immer die Caption (Default Einstellung).
Was funktioniert hier nicht?

Vielen Dank

froemken ·

Ich zerpflücke gerade den RTE und schau mir jede Option und jedes Objekt derzeit etwas genauer an. Dabei sind ziemlich viele Fragen und später auch Antworten aufgetaucht.

Ich habe mir die Mühe gemacht eine möglichst detailierte Dokumentation bzgl. dem RTE zu machen. Zu finden hier:
http://wiki.winboard.org/index.php/TYPO3_und_der_RTE

Weiterhin habe ich noch die API zerpflückt mit diesem Proc-Objekt und habe einen Großteil der englischen Doku sehr frei übersetzt:
http://wiki.winboard.org/index.php/TYPO3_RTE_API

Ich bin noch nicht fertig. Der HTMLparser wie auch noch ein paar weitere Optionen im Bereich RTE.default fehlen noch. Mit vielen Beispielen und einfachen verständlichen Text sollten auch Anfänger mit dem Thema klar kommen.

Vielleicht hilft das Einigen weiter.

Stefan

Thasmo ·
froemken schrieb

Ich zerpflücke gerade den RTE und schau mir jede Option und jedes Objekt derzeit etwas genauer an. Dabei sind ziemlich viele Fragen und später auch Antworten aufgetaucht.

Ich habe mir die Mühe gemacht eine möglichst detailierte Dokumentation bzgl. dem RTE zu machen. Zu finden hier:
http://wiki.winboard.org/index.php/TYPO3_und_der_RTE

Weiterhin habe ich noch die API zerpflückt mit diesem Proc-Objekt und habe einen Großteil der englischen Doku sehr frei übersetzt:
http://wiki.winboard.org/index.php/TYPO3_RTE_API

Ich bin noch nicht fertig. Der HTMLparser wie auch noch ein paar weitere Optionen im Bereich RTE.default fehlen noch. Mit vielen Beispielen und einfachen verständlichen Text sollten auch Anfänger mit dem Thema klar kommen.

Vielleicht hilft das Einigen weiter.

Stefan

Genial! Bitte das nicht brach liegen lassen,
sondern weiter ausbauen - das ist eine wirklich brauchbare Doku zum RTE!
*thumbs up*

Torsten.​E ·

Super Doku, weiter so.

Bei mir klappt "Blockstil entfernen" nicht. Sehe ich zwar
in der Auswahlliste, aber wenn ich es anklicke, passiert nix

Torsten.E

tmueller ·

Hallo liebe Community,

nach langem suchen im WWW und hier im Forum hab ich mich doch durchgerungen nun hier mal mein Problem mit dem RTE zu beschreiben.

Ich möchte für meine Redakteuer die TAGS object, param, embed, iframe und script zulassen, damit Sie diverse Inhalte einpflegen können in den News beispielsweise.

Mein Konfiguration sieht derzeit so aus:

# RTE-Eingebettete Tags
RTE.default.proc {
	# Allow embed (Youtube) HTML tags in the RTE 
	allowTags := addToList(object,param,embed,iframe,script) 
	allowTagsOutside := addToList(object,embed,param,script,iframe)
	htmlSpecialChars = 0
	HTMLparser_RTE {
		allowTags < RTE.default.proc.allowTags
		allowTagsOuside < RTE.default.proc.allowTagsOutside
		keepNonMatchedTags = 0
	}
	entryHTMLparser_db = 1
	entryHTMLparser_db {
		allowTags < RTE.default.proc.allowTags
		allowTagsOutside < RTE.default.proc.allowTagsOutside
		#behalte Tags
		keepNonMatchedTags = 1
		#keine zweimalige Behandlung von htmlspecialchars
		htmlSpecialChars = 0
	}
	exitHTMLparser_db = 1
	exitHTMLparser_db {
		allowTags < RTE.default.proc.allowTags
		#behalte Tags
		keepNonMatchedTags = 1
		#keine zweimalige Behandlung von htmlspecialchars
		htmlSpecialChars = 0
	}
}
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db

Wenn ich aber nun über Info -> TSConfig der Seite -> den RTE betrachte so hat dieser die TAGS nicht mit in der Liste.

Was ist falsch?

Ich denke Ihr werdet jetzt die Hände über dem Kopf zusammen schlagen weil es eine simple Lösung gibt, auf die ich jetzt absolut nicht komme 🙁

Grüße

torben

wnsp ·

Hallo,

ich habe noch zwei Fragen/Probleme. Ich brauche von euch Tipps oder Links, damit ich die lösen könnten.

Es geht um RTE (Konfiguration) oder Text-Editor in Typo3.

Auf meinem Text-Editor oder Text mit Bild-Editor auf meinem Typo3 (TYPO3 Ver. 4.2.3) werden einen selektierenden Text mit Überschrift 1,2,usw. mit Tags im Frontend angezeigt. Nummerieung, Tabs, Aufzählungszeichen werden im Frontend nicht interpretiert.

Ich habe im forum gesucht und ich habe den htmlArea RTE Version 1.1.7 installiert und die Vorschläge vom Karin (#39948) gefolgt.

Kann jemand mir Helfen? oder Tipps geben?

so sieht den Frontend bei mir aus:

1) Texte werden beim Überschrift 1 mit Tags im Frontend angezeigt:
z.B.: <h1> Dabei braucht Deutschland eine staatstragende Sozialdemokratie.</h1>

2) Nummerieung, Tabs, Aufzählungszeichen werden im Frontend nicht interpretiert.

Hier mein Soll:
1. Swimmbad
2. Golf

* Hallo
* Word

Im Frontend bekomme ich so was:

Volleyball
Swimmbad
Golf
Hallo
Word

fantasmo ·

Hallo,

ich versuche mich auch an der Konfiguration des RTE.

Momentan will ich unbedingt eine Möglichkeit einbauen, dass der Nutzer auch small-Tags angeben darf.
Ich hab an allen möglichen Stellen, wo man "allowTags" angeben kann "small" ergänzt, aber nach dem Speichern im RTE fügt er mir entweder p-tags drumrum oder schreibt das <small>-Tag wortwörtlich so hin statt es als Tag zu verwenden.

Ich hatte schon den Button "insertTags" aktiviert und konnte dort "small" auswählen, im Frontend kam schließlich trotzdem kein funktionierendes <small>-Tag an.
Jetzt hab ich dieses DropDown-Menü "formatblock" aktiviert. Da gibts ja momentan nur die <h>-Tags, Paragraph und Quotation zur Auswahl, und funktoniert auch...hier "small" zur Auswahl zu haben, wäre optimal.

Kann mir jemand sagen, welche Zeile ich in TSConfig eingeben muss um dieses "formatblock"-DropdownMenü um "small" zu ergänzen?

gnorzer ·

Hallo Forum,

mein erster Eintrag. Ich habe mich extra hier eingetragen (nach einiger Zeit als passiver Mitleser), um hier in meinem Lieblingsthread zu typo3 im allgemeinen und natürlich zum RTE im besonderen mal eine Frage anzubringen:

Mit Hilfe dieses Threads - letztendlich nur mit diesem - und sicherlich 5 Tagen Schwei´ß und Arbeit, hatte ich dann meinen RTE annähernd so eingerichtet, mit eigenen Tabellenklassen etc., wie ich ihn für meine Redakteure haben wollte.

Und dann kam das Unglück über mich! Mit update auf TYPO3 Ver. 4.3. ging fast nichts mehr. Tabellen im RTE lassen sich nur noch im InternetExplorer anlegen und bearbeiten, einfügen über die Zwischenablage zerschiesst das Layout, meine eigenen Tabellenklassen werden im BE angezeigt, im FE ist alles nur noch class=contenttable.... usw. usw.
Was für ein Desaster!

Gibt es jemand dem es auch so geht? Oder noch besser, gibt es Hilfe, ohne wieder ganz von vorne anfangen zu müssen?

gruss gnorzer