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


  • pixelrolf pixelrolf
    R2-D2
    0 x
    64 Beiträge
    1 Hilfreiche Beiträge
    29. 04. 2006, 16:51

    Hallo Achim,
    danke für die Mühe.
    [quote="typo_3_newbie"]
    also, Du hast im Backend einen Seiteninhalt zum editieren (mit dem rte(htmlarea)) geöffnet und suchst jetzt in dem Quelltext der Backend-"Webseite" Deine eingebundene "rte_css.css"...?

    Bei mir finde ich es ca. in der 5. Zeile nach dem Body-Tag:
    Da steht bei Dir keins?

    Tsconf/FE Cache leeren schon probiert?
    welcher Browser? meinen "Browser-Cache"-Tip für den IE aus diesem Thread schon probiert?[/quote]
    Genau, endlich versteht mich einer ;-)
    Im Quelltext wird keine CSS Datei eingebunden, da steht bei mir:

    1. <body onmousemove="GL_getMouse(event);" onload="initLayer();" id="typo3-alt-doc-php">
    2.  
    3. <!-- Wrapping DIV-section for whole page BEGIN -->
    4. <div class="typo3-mediumDoc">
    5. <form action="/typo3/dummy-3.8.0/typo3/alt_doc.php?&returnUrl=%2Ftypo3%2Fdummy-3.8.0%2Ftypo3%2Fsysext%2Fcms%2Flayout%2Fdb_layout.php%3Fid%3D15&edit[tt_content][37,]=edit" method="post" enctype="multipart/form-data" name="editform" onsubmit="return TBE_EDITOR_checkSubmit(1);">
    6.  
    7.  
    8. <!--
    9. JavaScript in top of page (before form):
    10. -->
    11.  
    12. <script type="text/javascript">

    usw...

    Tsconf/FE Cache geleert und auch den IE6 Cache, dateien, Cookies, alles. Ich verwende Typo3 3.8 und RTE.
    Aber schon mal gut zu wissen, dass die CSS Datei - wenn, dann an dieser Stelle eingebunden wird. Ist wie verhext ;-)

    gruß,
    rolf

  • sopinon sopinon
    R2-D2
    0 x
    116 Beiträge
    0 Hilfreiche Beiträge
    02. 05. 2006, 00:27

    Hi all,

    Bin auch gerade am customizing meines HTMLarea editors...

    Habe die Konfiguration von Karin als Vorlage genommen (Danke übrigens). Klappt eigentlich ganz, doch habe ich etwas Probleme mit meinen DIV-Tags.

    Ich würde gerne so etwas realisieren:
    [HTML]<div style="padding-top:10px; padding-bottom:10px;">
    <table .....
    </table>
    </div>[/HTML]
    Doch wenn ich dies mittels dem Sourcecode button implementiere und speichere, so wird der Code folgendermassen umgewandelt:
    [HTML]<p style="padding-top:10px; padding-bottom:10px;"> </p>
    <table .....
    </table>[/HTML]

    Und das kann ich nicht wirklich gebrauchen! :( Welche Einstellungen (Config) benötigt der RTE Editor, damit diese DIV Tags stehen bleiben?

    Danke für eure Antworten! Grüsse aus der Schweiz...

  • Liberation Liberatio...
    Jedi-Meister
    0 x
    412 Beiträge
    0 Hilfreiche Beiträge
    02. 05. 2006, 10:40

    Hi,
    was du da zeigst ist aber inline css und nicht ne configuration des rte wie aus Post1.
    Wieso willst du überhaupt um eine tabelle ein DIV legen....

    Zu meinem post noch mal hat keiner eine Idee wie man das weg bekommt (siehe Bild):
    [img]http://www.elite-zocker.de/upload/libi/rtehtmlarea.gif[/img]

  • ms_k ms_k
    Jedi-Ritter
    0 x
    133 Beiträge
    0 Hilfreiche Beiträge
    02. 05. 2006, 11:07

    Hallo Liberation,

    würde jetzt vermuten das noch classes / paragraphen definitionen irgendwie doppelt in deiner TsConfig drin sind. Post sie doch einfach mal.

    Grüße
    Karin

  • Liberation Liberatio...
    Jedi-Meister
    0 x
    412 Beiträge
    0 Hilfreiche Beiträge
    02. 05. 2006, 11:14

    Nee dran liegt es nicht habe alles mögliche durchprobiert...
    sobald man:
    ## zeigt alle CSS-Klassen die in formate.css vorhanden sind
    showTagFreeClasses = 1

    setzt sind bei der RTE spalte TEXT alle classen doppelt vorhanden.(bewirken tun sie das selbe)
    ist einfach irgendwie ein Schönheitsfehler...

  • Liberation Liberatio...
    Jedi-Meister
    0 x
    412 Beiträge
    0 Hilfreiche Beiträge
    02. 05. 2006, 12:27

    Hi,
    habe den fehler jetzt doch gefunden...
    css datei war schult ahtte für alle classen jeweils auch ein:
    .underline {
    text-decoration: underline;
    }
    usw. drin.

    beispiel css...
    .csc-frame-indent {
    padding-left: 100px;
    }
    .csc-frame-indent3366 {
    padding-left: 33%;
    }
    .csc-frame-indent6633 {
    padding-right: 33%;
    }
    .align-left {
    text-align: left;
    }
    .align-center {
    text-align:center;
    }
    .align-right {
    text-align:right;
    }
    .formatblock {
    text-align:justify;
    }
    span.red-text {
    color: red;
    }
    span.blue-text {
    color: blue;
    }
    span.yellow-text {
    color: yellow;
    }
    span.csc-frame-indent {
    padding-left: 100px;
    }
    .csc-frame-indent3366 {
    padding-left: 33%;
    }
    .csc-frame-indent6633 {
    padding-right: 33%;
    }
    .align-left {
    text-align: left;
    }
    .align-center {
    text-align:center;
    }
    .align-right {
    text-align:right;
    }
    .formatblock {
    text-align:justify;
    }
    span.red-text {
    color: red;
    }
    span.blue-text {
    color: blue;
    }
    span.yellow-text {
    color: yellow;
    }
    span.white-text {
    color: white;
    }
    span.important {
    color: red;
    font-weight:bold;
    }
    span.underline {
    text-decoration: underline;
    }
    span.important {
    color: red;
    font-weight:bold;
    }
    span.csc-frame-indent {
    padding-left: 100px;
    }
    .csc-frame-indent3366 {
    padding-left: 33%;
    }
    .csc-frame-indent6633 {
    padding-right: 33%;
    }
    .align-left {
    text-align: left;
    }
    .align-center {
    text-align:center;
    }
    .align-right {
    text-align:right;
    }
    .formatblock {
    text-align:justify;
    }
    span.red-text {
    color: red;
    }
    span.blue-text {
    color: blue;
    }
    span.yellow-text {
    color: yellow;
    }
    span.white-text {
    color: white;
    }
    span.important {
    color: red;
    font-weight:bold;
    }
    span.underline {
    text-decoration: underline;
    }

  • ms_k ms_k
    Jedi-Ritter
    0 x
    133 Beiträge
    0 Hilfreiche Beiträge
    02. 05. 2006, 12:47

    hehe - zwar keine doppelten in der Tsconfig aber in der CSS ;)

    Freut mich das es jetzt funktioniert

  • Muckster Muckster
    T3PO
    0 x
    20 Beiträge
    0 Hilfreiche Beiträge
    03. 05. 2006, 23:24

    Habe auch so mein Probleme mit der Konfiguration des HTMLArea... #angry#

    Leider bekomme ich nicht die Absatz- und Text-Formatierungen angezeigt. Die beiden Pulldowns sind immer disabled, auch nach markieren von Text.

    Ich poste mal mein TS-Setup der Root Seite, bin für jeden Tipp dankbar (auch wen ihr andere Fehler seht):

    [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

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

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

    Und hier meine CSS, die eingebunden ist:

    [HTML]/* Selectors for the content area of the htmlArea RTE editor */
    .htmlarea-content-body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #555555;
    margin:0;
    padding:3px;
    background-color:#ffffff;
    }

    /* Selectors for the Table Operations plugin */
    /* Make borders visible */
    /* Make sure we can click in empty cells without too much difficulty */
    .htmlarea-showtableborders, .htmlarea-showtableborders td, .htmlarea-showtableborders th {
    padding: 3px; border:1px dashed #316ac5 ! important;
    }

    /* Selectors for the Abbreviation plugin */
    abbr, acronym, span.abbr {
    width:18px;
    height:18px;
    background-image:url("images/Acronym/ed_acronym.gif");
    background-repeat:no-repeat;
    background-position:left top;
    white-space:nowrap;
    cursor:help;
    border-bottom:1px dashed #000;
    padding-left:19px;
    }

    /* styles */
    h1 {
    FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; COLOR: #000000; margin-bottom: 6px
    }

    H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Arial, Helvetica, sans-serif; }
    PRE { font-family: monospace; }
    P, PRE { margin: 0px 0px 0px 0px; }
    P, TD, UL, OL { font-size: 11px; }
    img (margin: 8px 0px)
    P { font-size: 11px; color: #555555; }
    P A { font-weight: bold; }
    img {border: 0px}

    .headline {
    font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: red;
    }

    .box1 {
    background-color: #DDDDDD;
    border: 1px solid #555555;
    padding: 5px;
    margin-bottom: 12px;
    }[/HTML]

  • Muckster Muckster
    T3PO
    0 x
    20 Beiträge
    0 Hilfreiche Beiträge
    03. 05. 2006, 23:29

    Und noch ne Frage zum Setup:

    Ist eigentlich die Reienfolge wichtig? Vielleicht funktionierts deswegen nicht...