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-)


  • ms70 ms70
    Sternenflotten-Admiral
    0 x
    196 Beiträge
    0 Hilfreiche Beiträge
    14. 05. 2006, 00:06

    fuer Text-Links im [b]htmlarea[/b] kann ich z.B. beim [i]Datei-Link[/i] nicht die Groesse des Pop-Ups bestimmen ([i]Open in window: Width x Height[/i]). Waehle ich Werte aus den beiden Dropdown Listen, werden die in die Zeile [i]Ziel:[/i] uebernommen und im Quelltext der Seite erscheint dann der Link als
    [HTML]<a target="400x100" href="fileadmin/dateien/[/HTML]
    und das neue Fenster hat die gleiche Groesse wie das Parent ...
    Kann man das irgendwie/-wo reparieren...?

  • maop maop
    R2-D2
    0 x
    114 Beiträge
    0 Hilfreiche Beiträge
    14. 05. 2006, 11:39

    Hallo,

    wie kann ich festlegen, dass Formatierungen beim Kopieren aus Word-Dokumenten oder ähnlichem nicht übernommen werden.
    Der eingefügte Text soll dann also komplett unformatiert sein, wie beim Einfügen in Textelemente ohne RTE.
    Zeilenumbrüche sollen aber übernommen werden.
    Anscließend kann der Redakteur ihn dann nach den Vorgaben formatieren.

    Außerdem funktioniert bei mir das Einfügen von Bildern über Drag&Drop nur im IE, nicht im Firefox, oder ist das normal?

    Ich verwende Typo3 4.0 / htmlarea 1.4.1 und die (fast komplette) Konfiguration aus dem ersten Post.

    Gruß
    maop

  • 0 x
    29 Beiträge
    0 Hilfreiche Beiträge
    15. 05. 2006, 10:25

    Hallo zusammen

    Wie kann ich denn die Auswahl beeinflussen die einem fontsize vorgibt? Ich möchte in dieser noch 7 pt eintragen können ohne gleich alles umbauen zu müssen.

    Mein bisheriger Code
    [TS]setup.default.edit_RTE = 1
    options.HTMLAreaPluginList = TableOperations, SpellChecker, ContextMenu, SelectColor, TYPO3Browsers, InsertSmiley, FindReplace, RemoveFormat, CharacterMap, QuickTag, InlineCSS, DynamicCSS, UserElements, Acronym
    options.HTMLAreaPspellMode = normal
    options.RTEkeyList = fontsize,formatblock,bold,italic,underline,left,center,right,orderedlist,unorderedlist,outdent,indent,textcolor,textindicator,link,image,chMode,removeformat,copy,cut,paste,undo,redo,table[/TS]

    Danke und Gruss
    Mendragol

  • ms_k ms_k
    Jedi-Ritter
    0 x
    133 Beiträge
    0 Hilfreiche Beiträge
    15. 05. 2006, 18:22

    Hallo mendragol,

    also um die Schaltfläche Schriftgröße einzublenden einfach das TSconfig Script um fontsize bei showButtons ergänzen:

    [TS]# Buttons die gezeigt/versteckt werden
    showButtons = fontsize, ...
    [/TS]

    und halt die andern Schaltflächen die du so brauchst (Zeile 67 in Post 1).

    Damit erhälst du per Default ein <font size=1> etc. bis 7.

    Grüße
    ms_k

  • ms_k ms_k
    Jedi-Ritter
    0 x
    133 Beiträge
    0 Hilfreiche Beiträge
    15. 05. 2006, 18:27

    Hallo maop,

    es gibt eine Option im RTE die nennt sich "Formatierungen entfernen" die könntest du dafür nehmen.

    [TS]showButtons = removeformat, ..
    [/TS]

    Einzublenden über den RTE mittel removeformat, aber dann musst erst den Text reinkopieren und kannst dann mit dieser Funktion die Wordfomatierungen entfernen.

    Außerdem funktioniert bei mir das Einfügen von Bildern über Drag&Drop nur im IE, nicht im Firefox, oder ist das normal?

    mmh noch nie getestet, weder im IE noch ;)

    Grüße

  • Liberation Liberatio...
    Jedi-Meister
    0 x
    412 Beiträge
    0 Hilfreiche Beiträge
    15. 05. 2006, 18:37

    schon mal den post Nr.1 gelesen???

    #
    ## Markup options
    #
    enableWordClean = 1
    removeTrailingBR = 1
    removeComments = 1
    removeTags = center, sdfield
    removeTagsAndContents = style,script

    schreibst du rein was du weg haben möchtest, fertig.
    z.b. removeTags = center, sdfield, border, font, ...

  • Muckster Muckster
    T3PO
    0 x
    20 Beiträge
    0 Hilfreiche Beiträge
    18. 05. 2006, 15:49

    Hab auch noch ein Problem:

    mit meinem auf der vorherigen Seite geposteten Setup werden immer die Standard-Schriftformatierungen beim speichern entfernt, Also z.B. Fett, Kursiv etc.
    [HTML]<span style="font-weight: bold;">TEST</span>[/HTML]

    D.h. Nur der span-tag wird entfernt, nicht der Inhalt.

    Finde nur Einstellungen zu Klassen, hoffe mir kann jemand weiterhelfen...

  • ms_k ms_k
    Jedi-Ritter
    0 x
    133 Beiträge
    0 Hilfreiche Beiträge
    18. 05. 2006, 16:05

    mmh erlaubst du überhaupt span tags?

    [TS]proc.allowTags = span, ...
    [/TS]

  • Muckster Muckster
    T3PO
    0 x
    20 Beiträge
    0 Hilfreiche Beiträge
    18. 05. 2006, 16:28

    Auch wenn ich die Tags (also auch span) expliziet erlaube bzw. verbiete passiert das gleiche:

    [TS]proc {
    # Tags erlauben
    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

    # Tags verbieten
    denyTags = font
    .
    .
    .
    [/TS]

    Muss doch aber was mit proc zu tun haben...oder? Hier nochmal mein ganzes Setup:

    [TS]### Spalten ausblenden ###
    TCEFORM.tt_content.colPos.removeItems = 1,2,3
    mod.SHARED.colPos_list = 0

    ###RTE:###

    ## Anchor classes configuration for use by the anchor accessibility feature
    RTE.classesAnchor {
    externalLink {
    class = external-link
    type = url
    image = fileadmin/templates/htmlarea/img/external_link.gif
    altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_altText
    titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_titleText
    }
    externalLinkInNewWindow {
    class = external-link-new-window
    type = url
    image = fileadmin/templates/htmlarea/img/external_link_new_window.gif
    altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_altText
    titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_titleText
    }
    internalLink {
    class = internal-link
    type = page
    image = fileadmin/templates/htmlarea/img/internal_link.gif
    altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_altText
    titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_titleText
    }
    internalLinkInNewWindow {
    class = internal-link-new-window
    type = page
    image = fileadmin/templates/htmlarea/img/internal_link_new_window.gif
    altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_altText
    titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_titleText
    }
    download {
    class = download
    type = file
    image = fileadmin/templates/htmlarea/img/download.gif
    altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_altText
    titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_titleText
    }
    mail {
    class = mail
    type = mail
    image = fileadmin/templates/htmlarea/img/mail.gif
    altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_altText
    titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_titleText
    }
    }

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

    # Breite des RTE in Fullscreen-Ansicht
    TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 90%

    ### RTE Standard-Config ###
    RTE.default {
    ## Zuweisung der CSS-Datei
    contentCSS = fileadmin/templates/htmlarea/htmlarea-edited-content.css

    ## Markup options
    enableWordClean = 1
    removeTrailingBR = 1
    removeComments = 1
    removeTags = center, sdfield
    removeTagsAndContents = style, script

    # Buttons die gezeigt/versteckt werden
    showButtons = chMode, 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, copy, cut, paste
    hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, about

    # Hält die RTE Icons gegroupt zusammen
    keepButtonGroupTogether = 1

    # blendet Statusbar in htmlarea aus
    showStatusBar = 0

    # Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
    ignoreMainStyleOverride = 1

    # zeigt alle CSS-Klassen die in formate.css vorhanden sind
    showTagFreeClasses = 1

    # Specifies that Mozilla/Firefox should use style attributes or not. When enabled, Mozilla/Firefox use span tags with style attributes rather than tags such as b, i, font, etc.
    useCSS = 1

    ## 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; }
    )

    # 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
    }

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

    # Classes: Eigene Stile
    classesCharacter = headline
    classesImage = rte_image

    # 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 = 0
    disableColorFieldsetInTableOperations = 1
    disableLayoutFieldsetInTableOperations = 1
    disableBordersFieldsetInTableOperations = 0

    # FE RTE configuration (htmlArea RTE only)
    FE < RTE.default
    FE.userElements >
    FE.userLinks >

    ## Use same processing as on entry to database to clean content pasted into the editor
    enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db

    ### Customization of the server processing of the content - also called 'transformations'
    proc {
    # Tags erlauben
    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

    # Tags verbieten
    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, box1, headline
    )

    # 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 >
    }
    }
    }
    }[/TS]