htmlarea / RTE (Konfiguration) - so gehts [Gelöst]

  • ms_k ms_k
    Jedi-Ritter
    0 x
    133 Beiträge
    0 Hilfreiche Beiträge
    21. 03. 2006, 13:38

    Hallo Allerseits,

    da anscheinend viele das selbe Problem haben, wie ich hatte poste ich hier mal meine komplete RTE konfiguration. Mit angelegten Text- bzw. Absatzstilvorlagen.

    Hoffe das hilft einigen über Ihre RTE Probleme hinweg.
    [b]htmlArea RTE Version 1.1.3[/b]
    [b]TSconfig-Eintrag:[/b]

    1. #*** RTE Classe des Interface (Ausrichtung)
    2. RTE.classes {
    3. align-left {
    4. name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
    5. value = text-align: left;
    6. }
    7. align-center {
    8. name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
    9. value = text-align: center;
    10. }
    11. align-right {
    12. name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
    13. value = text-align: right;
    14. }
    15. }
    16.  
    17. #
    18. # *** Entfernt das Bild vor den Links
    19. RTE.classesAnchor {
    20. internalLink {
    21. class = internal-link
    22. type = page
    23. image >
    24. }
    25. externalLink {
    26. class = external-link
    27. type = url
    28. image >
    29. }
    30. externalLinkInNewWindow {
    31. class = external-link-new-window
    32. type = url
    33. image >
    34. }
    35. internalLinkInNewWindow {
    36. class = internal-link-new-window
    37. type = page
    38. image >
    39. }
    40. download {
    41. class = download
    42. type = file
    43. image >
    44. }
    45. mail {
    46. class = mail
    47. type = mail
    48. image >
    49. }
    50. }
    51.  
    52.  
    53. ## RTE Konfiguration
    54. RTE.default {
    55.  
    56. # Zuweisung der CSS-Datei
    57. contentCSS = rte_formate.css
    58.  
    59. ## Markup options
    60. enableWordClean = 1
    61. removeTrailingBR = 1
    62. removeComments = 1
    63. removeTags = center, sdfield
    64. removeTagsAndContents = style,script
    65.  
    66. # Buttons die gezeigt/versteckt werden
    67. showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, orderedlist, 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
    68. hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste
    69.  
    70. # Hält die RTE Icons gegroupt zusammen
    71. keepButtonGroupTogether = 1
    72.  
    73. # blendet Statusbar in htmlarea aus
    74. showStatusBar = 0
    75.  
    76. ## Add styles Left, center and right alignment of text in paragraphs and cells.
    77. inlineStyle.text-alignment (
    78. 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; }
    79. 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; }
    80. 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; }
    81. )
    82.  
    83. ## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
    84. ignoreMainStyleOverride = 1
    85.  
    86. proc {
    87. # tags die erlaubt / verboten sind
    88. 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
    89. denyTags = font
    90.  
    91. # br wird nicht zu p konvertiert
    92. dontConvBRtoParagraph = 1
    93.  
    94. # tags sind erlaubt außerhalt von p, div
    95. allowTagsOutside = img,hr
    96.  
    97. # erlaubte attribute in p, div tags
    98. keepPDIVattribs = align,class,style,id
    99.  
    100. # List all class selectors that are allowed on the way to the database
    101. allowedClasses (
    102. external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
    103. align-left, align-center, align-right, author
    104. )
    105.  
    106. # html parser einstellungen
    107. HTMLparser_rte {
    108.  
    109. # tags die erlaubt/verboten sind
    110. allowTags < RTE.default.proc.allowTags
    111. denyTags < RTE.default.proc.denyTags
    112.  
    113. # tags die untersagt sind
    114. removeTags = font
    115.  
    116. # entfernt html-kommentare
    117. removeComments = 1
    118.  
    119. # tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
    120. keepNonMatchedTags = 0
    121. }
    122.  
    123.  
    124. # Content to database
    125. entryHTMLparser_db = 1
    126. entryHTMLparser_db {
    127.  
    128. # tags die erlaubt/verboten sind
    129. allowTags < RTE.default.proc.allowTags
    130. denyTags < RTE.default.proc.denyTags
    131.  
    132. # CLEAN TAGS
    133. noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center
    134.  
    135. rmTagIfNoAttrib = span,div,font
    136.  
    137. # htmlSpecialChars = 1
    138.  
    139. ## align attribute werden erlaubt
    140. tags {
    141. p.fixAttrib.align.unset >
    142. p.allowedAttribs = class,style,align
    143.  
    144. div.fixAttrib.align.unset >
    145.  
    146. hr.allowedAttribs = class
    147.  
    148. # b und i tags werden ersetzt (em / strong)
    149. b.remap = strong
    150. i.remap = em
    151.  
    152. ## img tags werden erlaubt
    153. img >
    154. }
    155. }
    156.  
    157. }
    158.  
    159. # Classes: Ausrichtung
    160. classesParagraph (
    161. align-left, align-center, align-right
    162. )
    163.  
    164. # Classes: Eigene Stile
    165. classesCharacter = author
    166. classesImage= rte_image
    167.  
    168.  
    169. # Classes für Links (These classes should also be in the list of allowedClasses)
    170. classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
    171. classesAnchor.default {
    172. page = internal-link
    173. url = external-link-new-window
    174. file = download
    175. mail = mail
    176. }
    177.  
    178. # zeigt alle CSS-Klassen die in formate.css vorhanden sind
    179. showTagFreeClasses = 1
    180.  
    181. # Do not allow insertion of the following tags
    182. hideTags = font
    183.  
    184. # Tabellen Optionen in der RTE Toolbar
    185. hideTableOperationsInToolbar = 0
    186. keepToggleBordersInToolbar = 1
    187.  
    188. # Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
    189. disableSpacingFieldsetInTableOperations = 1
    190. disableAlignmentFieldsetInTableOperations=1
    191. disableColorFieldsetInTableOperations=1
    192. disableLayoutFieldsetInTableOperations=1
    193. disableBordersFieldsetInTableOperations=0
    194. }
    195.  
    196. # Use same processing as on entry to database to clean content pasted into the editor
    197. RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
    198.  
    199. # FE RTE configuration (htmlArea RTE only)
    200. RTE.default.FE < RTE.default
    201. RTE.default.FE.userElements >
    202. RTE.default.FE.userLinks >
    203.  
    204. # Breite des RTE in Fullscreen-Ansicht
    205. TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%

    [b]rte_formate.css (heisst bei mir halt so):[/b]

    .author {
    font-size:11px;
    font-weight:bold;
    font-style:normal;
    color:#961207;
    }

    span.author {
    font-size:11px;
    font-weight:bold;
    font-style:normal;
    color:#961207;
    }

    [b]Konfiguration in den Extensions-Einstellungen:[/b]
    Default configuration settings: Demo
    Enable images in the RTE: haken gesetzt
    Enable compressed scripts: haken nicht gesetzt

    So denn, dann viel Spass und gutes gelingen
    Karin 8-)


  • Layna Layna
    Padawan
    0 x
    39 Beiträge
    0 Hilfreiche Beiträge
    20. 02. 2008, 09:11

    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 dervigo
    Padawan
    0 x
    35 Beiträge
    0 Hilfreiche Beiträge
    18. 03. 2008, 22:02

    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

  • dervigo dervigo
    Padawan
    0 x
    35 Beiträge
    0 Hilfreiche Beiträge
    20. 03. 2008, 10:15

    Problem gelöst...ich muss im ts extra jeden style aus dem css nochmal auflisten, dann klappt es.


  • 0 x
    04. 04. 2008, 10:55

    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.

  • 0 x
    25 Beiträge
    0 Hilfreiche Beiträge
    31. 07. 2008, 09:29

    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:

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

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

    [HTML].text-green {
    color: #8ca03d;
    }[/HTML]

    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 ;/).

  • 0 x
    25 Beiträge
    0 Hilfreiche Beiträge
    09. 08. 2008, 11:59

    Hat sich erledigt, es lag an:
    [TS]RTE.config.tt_content.bodytext.proc.allowedClasses = green, right[/TS]

  • haurg haurg
    T3PO
    0 x
    17 Beiträge
    0 Hilfreiche Beiträge
    03. 09. 2008, 11:12

    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
    [TS]RTE.default.buttons.image.title.useDAMColumn = title[/TS] Er holt sich jedoch immer die Caption (Default Einstellung).
    Was funktioniert hier nicht?

    Vielen Dank

  • froemken froemken
    Jedi-Ratsmitglied
    0 x
    811 Beiträge
    1 Hilfreiche Beiträge
    25. 09. 2008, 21:55

    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

  • torkel torkel
    T3PO
    0 x
    17 Beiträge
    0 Hilfreiche Beiträge
    05. 03. 2009, 22:17

    Hallo

    kann mir jemand sagen, warum mir der Hintergrund immer gelb ist und der Rahmen rot?

    [URL=http://www.bilder-upload.eu/show.php?file=CUH9VbvjkEryGfC.jpg][IMG]http://www.bilder-upload.eu/thumb/CUH9VbvjkEryGfC.jpg[/IMG][/URL]

    Grüsse