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


  • Chiba City Boy Chiba Cit...
    Typ im Roten Hemd
    0 x
    2 Beiträge
    0 Hilfreiche Beiträge
    28. 10. 2006, 12:00

    Hallo @all, nachdem ich seit längerem mitlese hab ich mich entschlossen mich nun auch registriert um eine Frage zu meinem kniffeligen Problem zu stellen.

    Ich kriege den RTE absolut nicht nach meinen Wünschen konfiguriert, habe alle relevanten Threads hier im Forum gelesen, ebenso diese recht bekannte und erstklassige Anleitung zum RTE konfigureieren:http://ug.typo3-nrw.de/typo3-dynamic_css.html

    Das Problem ist das die Drop-Downs "Absatz" und "Text" einfach immer ausgegraut sind, egal was ich mache. Das Thema gabs schon oft, aber keine der Lösungen dort hat geholfen. Ist auch kein Browserproblem, tritt in FF und IE auf. Bin echt ratlos.

    Hier meine PgaeTS-Config:
    [TS]RTE.classes {
    quelle{
    name = quelle
    value = color: #DA1F3D;text-align: right;width:300px;float:right;
    }
    kommentar {
    name = kommentar
    value = width:200px;float:right;border-left: 2px solid #DA1F3D;margin: 0 10px;padding: 0 10px 5% 10px;font-size: 1.1em;
    }
    }

    #CSS Konfiguration
    RTE.default.contentCSS = fileadmin/rte.css
    RTE.default.useCSS = 1
    RTE.default.classesAnchor >
    RTE.default.classesImage = links, rechts
    RTE.config.tt_content.bodytext.proc.allowedClasses = quelle, kommentar

    #RTE-Verhalten
    RTE.default.enableWordClean = 1
    RTE.default.disableEnterParagraphs = 0
    RTE.default.hideTags = font, font (full)

    #Transformation
    RTE.default.proc {
    // TRANSFORMATION METHOD
    overruleMode = ts_css

    dontConvBRtoParagraph = 1
    }

    #Farben
    RTE.default.disableColorPicker = 1
    RTE.default.disableSelectColor = 0
    #vordefinierte farben
    RTE.colors {
    color1 {
    name = gelb
    value = #FFCD1F
    }

    color2 {
    name = hellgelb
    value = #FFF4D8
    }

    color3 {
    name = dunkelgelb
    value = #F0C11D
    }

    color4 {
    name = senf
    value = #D19400
    }

    color5 {
    name = rot
    value = #DA1F3D
    }

    color6 {
    name = dunkelrot
    value = #B01931
    }
    }
    RTE.default.colors = color1, color2, color3, color4, color5, color6

    #Template-Compliance
    #H1 schon vergeben
    RTE.default.hidePStyleItems = PRE, H1

    #WORKARAOUND wegen ausgegrauten Boxen:
    RTE.default.showTagFreeClasses = 1[/TS]
    Das zugehörige rte.css:

    1. p.quelle {
    2. color: #DA1F3D;
    3. text-align: right;
    4. width:300px;
    5. float:right;
    6. }
    7.  
    8. p.kommentar {
    9. width:200px;
    10. float:right;
    11. border-left: 2px solid #DA1F3D;
    12. margin: 0 10px;
    13. padding: 0 10px 5% 10px;
    14. font-size: 1.1em;
    15. }
    16.  
    17. img {
    18. border: 1px solid #DA1F3D;
    19. }
    20.  
    21. img.links {
    22. float: left;
    23. margin: 10px 10px 10px 0;
    24. border: 1px solid #DA1F3D;
    25. }
    26.  
    27. img.rechts {
    28. float:right;
    29. margin: 10px 0 10px 10px;
    30. border: 1px solid #DA1F3D;
    31. }

    Die rte.css wird zusätzlich zur "normalen" styles.css eingebunden, ist auch in der Ausgabe korrekt.

    Was in der Ausgabe allerdings ebenfalls fehlt, sind die <p> Tags. Alles was im RTE noch innerhalb von <p>-Tags sitzt, steht einfach plain im Quelltext der Ausgabe. In der Quelltextansicht des RTE sind die <p> noch da!

    Nach einigem rumprobieren habe ich festgestellt, dass "Absatz" und "Text" ausgegraut werden sobald diese Zeile drin steht, ohne die es ja aber auch niocht geht: RTE.default.contentCSS = fileadmin/rte.css

    Ich verwende Typo 4.0, rteHTMLArea

    Wäre super wenn jemand dazu ne Lösung wüsste, ich bin echt seit Tagen am rumbasteln und kurz davor hinzuschmeissen.

    LG, CCB

  • Chiba City Boy Chiba Cit...
    Typ im Roten Hemd
    0 x
    2 Beiträge
    0 Hilfreiche Beiträge
    30. 10. 2006, 17:20

    Hmm, also das Problem mit den fehlenden <p> Tags besteht nicht mehr, lag am TSconfig, eine Ebeene höher.

    Weiterhin besteht das Problem mit den Ausgegrauten Dropdown Boxen...

  • lambdaoe lambdaoe
    R2-D2
    0 x
    119 Beiträge
    0 Hilfreiche Beiträge
    31. 10. 2006, 16:23

    [quote="Chiba City Boy"]
    Weiterhin besteht das Problem mit den Ausgegrauten Dropdown Boxen...
    [/quote]

    Habe das gleiche Problem und die gleichen Erkenntnisse.
    Kann allerdings noch eines draufsetzen:
    Wenn ich mal auf HTML umschalte (<>) und wieder retour komme ist plötzlich der Absatz nicht mehr grau. Allerdings auch keine Spur von meinem Style.
    Während ich hier schreibe passiert das Ungewöhnliche: :o
    Versuchte mal auf "Zentrieren" - plötzlich kommt auch der Text-pulldown mit "Standard" und "Undefiniert". Funktioniert aber nur in der ersten Zeile.
    Hier meine minimalistische TS:

    [TS]################################################
    # FORMAT RTEHTMLAREA
    ################################################
    RTE.default.contentCSS = fileadmin/templates/rtehtmlarea/my_css.css
    RTE.default.useCSS = 1
    RTE.default.classesParagraph = my_numbered_style,align-left,align-right,align-center
    RTE.default.classesCharacter = roteSchrfit
    RTE.default.showTagFreeClasses = 1
    RTE.config.tt_content.bodytext.proc.allowedClasses = my_numbered_style,roteSchrift,align-left,align-right,align-center

    [/TS]

    Gruß

    PS: warum ist der Thread eigentlich als abgeschlossen gekennzeichnet???

    PPS: es gibt dazu eine Thread im Bugtracker [url]http://bugs.typo3.org/view.php?id=1565[/url]

  • Uwe Gast Uwe Gast
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    10. 11. 2006, 14:07

    Hallo,
    ich habe vielleicht einen trivialen Fehler, vielleicht kann mir ja jemand weiterhelfen.
    Ich verwende typo3 4.0 und RTEhtmlarea 1.4.2.
    ich habe in meine Seiten TS-Config die config aus dem ersten Post eingefügt und folgende Sachen geändert:

    proc {
    # tags die erlaubt / verboten sind
    allowTags = font, 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
    ...

    HTMLparser_rte {

    # tags die erlaubt/verboten sind
    allowTags < RTE.default.proc.allowTags
    denyTags < RTE.default.proc.denyTags

    # tags die untersagt sind
    # removeTags = font

    also explizit font tags erlaubt.
    Wenn ich jetzt mit RTEhtmlarea einen Textabschnitt markiere und die Schriftgröße ändere tut er das erst einmal, sobald ich den speichern button drücke sind die Fontspezifischen Änderungen wieder weg. Weiss jemand Rat?

    Danke!

    Uwe

  • acha acha
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    21. 11. 2006, 14:09

    Hallo Zusammen,

    habe das selbe Problem wie Uwe Gast!

    Anweisungen in der TSconfig der Root-Seite werden irgendwie nicht beachtet!
    Span obwohl ausdrücklich erlaubt wird beim speichern wieder aus dem Quellcode geschmissen ...

    Irgendjemand eine Idee #paralyzed#

    (Update von 3.7.0 auf 4.0.2)

    Danke schon mal vorab an alle die hier ihre Zeit und Energie verwenden um anderen auf die Sprünge zu helfen!

    Grüße Aliya

  • birgitr birgitr
    Jedi-Meister
    0 x
    337 Beiträge
    0 Hilfreiche Beiträge
    22. 11. 2006, 18:13

    Klassen aus dem eigenen CSS für Absätze und <span> zulassen:

    [TS]// page TSconfig

    ### externe CSS Datei
    RTE.default.contentCSS = fileadmin/templates/css/content.css

    ### Klassen aus contentCSS hinzufügen
    RTE.default.classesParagraph := addToList(klein, links, rechts,csc-frame-frame100)
    RTE.default.classesCharacter := addToList(klein, codeblock)[/TS]
    := addToList() funktioniert erst ab TYPO3 4.0, ansonsten einfaches Gleichheitszeichen verwenden

    Rendering-Methode: CSS styled Content (weiter KEINE statischen Templates wie content(default) oder so)

    [TS]RTE.default.proc { ## TRANSFORMATION METHOD
    overruleMode = ts_css
    }[/TS]

    Ist normalerweise schon in der Voreinstellung des Editors.

  • paopao1 paopao1
    T3PO
    0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    28. 11. 2006, 17:55

    Hallo,

    ich habe auch meine Probleme RTE für meine Bedürfnisse zu konfigurieren:

    Meine Aufzählungen (Nummerierungen & Punktlisten - bullet list) werden zwar im RTE angezeigt, aber nicht übernommen, wenn ich mir das ganze ansehe. ???!!??

    Habt ihr eine Idee was da los ist?

    Hier ist mein RTE:

    [TS]RTE.config.tt_content.bodytext.types.bullets.disable = 1

    #RTE.config.tt_content.bodytext.showButtons = *

    #Default configuration settings = Demo
    ## Define labels and styles to be applied to class selectors in the interface of the RTE

    ## Partial re-use of color scheme and frame scheme from CSS Styled Content extension

    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;

    }

    csc-frame-frame1 {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame1

    value = background-color: #EDEBF1; border: 1px solid #333333;

    }

    csc-frame-frame2 {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame2

    value = background-color: #F5FFAA; border: 1px solid #333333;

    }

    important {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:important

    value = color: #8A0020;

    }

    name-of-person {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:name-of-person

    value = color: #10007B;

    }

    detail {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:detail

    value = color: #186900;

    }

    component-items {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items

    value = color: #186900;

    }

    action-items {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items

    value = color: #8A0020;

    }

    component-items-ordered {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items

    value = color: #186900;

    }

    action-items-ordered {

    name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items

    value = color: #8A0020;

    }

    }

    ## Anchor classes configuration for use by the anchor accessibility feature (htmlArea RTE only)

    RTE.classesAnchor {

    externalLink {

    class = external-link

    type = url

    image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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

    }

    }

    ## Default RTE configuration

    RTE.default {

    ## Markup options (htmlArea RTE only)

    enableWordClean = 1

    removeTrailingBR = 1

    removeComments = 1

    removeTags = center, o:p, sdfield

    removeTagsAndContents = style,script

    ## Allow img tags

    proc.entryHTMLparser_db.tags.img >

    ## Allow align and style attributes on p and span tags

    proc.entryHTMLparser_db.tags {

    p.fixAttrib.align.unset >

    div.fixAttrib.align.unset >

    p.allowedAttribs = class,style,align

    span.fixAttrib.style.unset >

    }

    ## Toolbar options

    showButtons = *

    ## More toolbar options (htmlArea RTE only)

    keepButtonGroupTogether = 1

    ## Enable status bar (htmlArea RTE only)

    showStatusBar = 1

    ## Add default example 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; }

    )

    ## Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.

    inlineStyle.frames (

    p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

    p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

    )

    ## Bullet styles for unordered lists.

    inlineStyle.ul (

    ul.component-items { color: #186900; list-style-type: circle; }

    ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

    )

    ## Numbering styles for ordered lists.

    inlineStyle.ol (

    ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }

    ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

    )

    ## Three inline text colors taken from the color scheme of CSS Styled Content extension.

    inlineStyle.inline-text (

    span.important { color: #8A0020; }

    span.name-of-person { color: #10007B; }

    span.detail { color: #186900; }

    )

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

    ignoreMainStyleOverride = 1

    ## For this demo, do not remove font, strike and u tags

    proc.entryHTMLparser_db.removeTags := removeFromList(font,strike,u)

    ## List all class selectors that are allowed on the way to the database

    proc.allowedClasses (

    external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,

    align-left, align-center, align-right,

    csc-frame-frame1, csc-frame-frame2,

    component-items, action-items,

    component-items-ordered, action-items-ordered,

    important, name-of-person, detail

    )

    ## classesParagraph, classesTable, classesTD, classesLinks, classesCharacter

    ## Classic RTE: Specify the list of class selectors that should be presented in the RTE interface:

    ## htmlArea RTE: Restrict the list of class selectors presented by the RTE to the following:

    classesParagraph (

    align-left, align-center, align-right,

    csc-frame-frame1, csc-frame-frame2

    )

    classesTable = csc-frame-frame1, csc-frame-frame2

    classesTD = align-left, align-center, align-right

    classesLinks = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail

    classesCharacter = important, name-of-person, detail

    ## Configuration of the anchor accessibility feature (htmlArea RTE only)

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

    }

    ## Show all applicable class selectors available in the style sheet file (htmlArea RTE only)

    showTagFreeClasses = 1

    ## Configuration specific to the table button or TableOperations feature (htmlArea RTE only)

    ## Use the context menu instead of the toolbar for table operations, but keep toggleborders button in toolbar

    hideTableOperationsInToolbar = 1

    buttons.toggleborders.keepInToolbar = 1

    ## Configuration specific to the inserttag button or QuickTag feature (htmlArea RTE only)

    ## Do not allow insertion of the following tags

    buttons.inserttag.denyTags = font, underline, strike, table

    ## Configuration specific to the spellcheck button or SpellCheck feature (htmlArea RTE only)

    ## Enable the use of personal dictionaries

    enablePersonalDicts = 1

    }

    ## Use same processing as on entry to database to clean content pasted into the editor

    RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db

    ## front end RTE configuration (htmlArea RTE only)

    RTE.default.FE < RTE.default

    RTE.default.FE.userElements >

    RTE.default.FE.userLinks >

    ## tt_content TCEFORM configuration

    ## Let use all the space available for more comfort.

    TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%

    The following is inserted in User TSConfig:

    ## Enable the RTE by default for all users

    setup.default.edit_RTE = 1

    ## Enable the file upload feature of the element browser by default for all users

    options.uploadFieldsInTopOfEB = 1

    ## Set the default spelling ability of the check speller for all users

    options.HTMLAreaPspellMode = bad-spellers

    ## Enable the personal dictionary feature of the check speller by default for all users

    options.enablePersonalDicts = 1

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

  • typo3newbie typo3newb...
    Padawan
    0 x
    44 Beiträge
    0 Hilfreiche Beiträge
    17. 12. 2006, 19:10

    Moin,

    ich habe im TS-Config der Root-Seite folgendes eingetragen:

    [TS]RTE.classesAnchor {
    internalLink {
    class = internal
    type = page
    image >
    }
    externalLink {
    class = external
    type = url
    image >
    }
    download {
    class = download
    type = file
    image >
    }
    mail {
    class = mail
    type = mail
    image >
    }
    pdf {
    class = PDF
    type = file
    image >
    }

    RTE.proc {
    allowedClasses {external-link, internal-link, download, mail, pdf}
    }

    RTE.classesAnchor = external-link, internal-link, download, mail, pdf
    [/TS]

    Aber trotzdem produziert mir der RTE in der Ausgabe die Klassen class="internal-link" und class="external-link". Die Klasse PDF kann ich gar nicht auswählen, wenn ich einen Link auf eine Datei setze.

    Was mache ich denn falsch?

    Viele Grüße
    typo3Newbie

  • 0 x
    24 Beiträge
    0 Hilfreiche Beiträge
    03. 02. 2007, 16:16

    Mal eine dumme Frage:

    Ich habe die Konfig auf der 1. Seite dieses Themas in die TSConfig meiner Seite reinkopiert. Alle formatierungen werden im RTE (Backend) rchtig dargestellt, jedoch werden die Formatierungen (Bilder, Links, usw.) im Frontend nicht angezeigt. Welche Ursache könnte das haben?

    Gruß
    Sunrising