[Frage] RTE eigene Klassen funktionieren nicht TYPO3-Version: 6.0.0

  • 0 x
    12 Beiträge
    0 Hilfreiche Beiträge
    10. 09. 2013, 17:43

    Hallo zusammen,

    ich weiß, das Thema wurde schon oft behandelt und ich hab die letzten 3 Stunden nur Sachen ausprobiert und recherchiert. Vielleicht sieht jemand direkt den Fehler in meinem Script. Ich würde mich sehr über eine kleine Hilfestellung freuen.

    Viele Grüße und schon mal tausend Dank!

    Das Problem ist, dass ich gerne die Klasse "small" dem Formatblock zuordnen möchte. Was auch noch nicht funktioniert ist die Konvertierung von i in em und von b in strong.

    1. ### RTE Link Title und Alt Text ###
    2. RTE.classesAnchor.externalLink.titleText >
    3. RTE.classesAnchor.externalLink.altText >
    4. RTE.classesAnchor.internalLink.titleText >
    5. RTE.classesAnchor.internalLink.altText >
    6.  
    7. RTE.default {
    8. contentCSS = fileadmin/templates/css/wezimed-rte-styles.css
    9. showTagFreeClasses = 1
    10. classesTable =
    11. classesCharacter =
    12. classesImage =
    13. classesAnchor =
    14. classesParagraph = small
    15.  
    16. showButtons = formatblock, bold, italic, subscript, superscript, orderedlist, unorderedlist, textindicator, insertcharacter, link, unlink, image, table, findreplace, chMode, undo, redo, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge
    17.  
    18. ignoreMainStyleOverride = 1
    19.  
    20.  
    21. proc {
    22. overrideMode = css_transform
    23.  
    24. # Klassen zulassen
    25. allowedClasses = bodytext,small
    26. denyTags = u,div,center,pre,font,hr,blockquote,strike,span
    27.  
    28. entryHTMLparser_db = 1
    29. entryHTMLparser_db {
    30. allowTags = p,b,i,a,img,br,div,strong,hr,sup,sub,strong,li,ul,ol,h1,h2,em
    31. }
    32.  
    33. # b -> strong / i -> em
    34. exitHTMLparser_db = 1
    35. exitHTMLparser_db {
    36. tags.b.remap = strong
    37. tags.i.remap = em
    38. }
    39. }
    40.  
    41. # br wird nicht zu p konvertiert
    42. dontConvBRtoParagraph = 1
    43.  
    44. # tags sind erlaubt außerhalt von p, div
    45. allowTagsOutside = img,hr
    46.  
    47. # erlaubte attribute in p, div tags
    48. keepPDIVattribs = align,class,style,id
    49.  
    50. # Formatblock neustrukturieren
    51. buttons.formatblock.orderItems = h1,h2,p,small,blockquote
    52. buttons.formatblock.addItems = small,blockquote
    53. buttons.formatblock.removeItems = h3, h4, h5, h6, pre, address, article, aside, div, footer, header, nav, section
    54. #buttons.formatblock.prefixLabelWithTag = 1
    55.  
    56. }
    57.  
    58. ### Fähnchen Backend ###
    59. mod.SHARED {
    60. defaultLanguageFlag = de
    61. defaultLanguageLabel = deutsch
    62. }

    Mein CSS wird in den RT geladen, das sehe ich an den Überschriften und dem Absatz.

    1. @charset "UTF-8";
    2. /* CSS Document */
    3.  
    4. body {
    5. font-family: Arial, Helvetica, sans-serif;
    6. font-size: 12px;
    7. font-weight: normal;
    8. color: #666666;
    9. display: inline;
    10. height: 100%;
    11. background-color: #ffffff;
    12. line-height: 1.5;
    13. }
    14.  
    15. p {
    16. margin: 0;
    17. padding: 0;
    18. }
    19.  
    20. h1 {
    21. color: #E95D0F;
    22. font-size: 14px;
    23. font-weight: normal;
    24. text-transform: uppercase;
    25. margin: 0 0 5px 0;
    26. letter-spacing: 2px;
    27. }
    28.  
    29. h2 {
    30. color: #666666;
    31. font-size: 14px;
    32. font-weight: bold;
    33. margin: 0 0 5px 0;
    34. }
    35.  
    36. a {
    37. color: #E95D0F;
    38. text-decoration: none;
    39. }
    40.  
    41. a:hover {
    42. color: #E95D0F;
    43. text-decoration: underline;
    44. }
    45.  
    46. a:active {
    47. color: #E95D0F;
    48. text-decoration: none;
    49. }
    50.  
    51. a:visited {
    52. color: #E95D0F;
    53. text-decoration: none;
    54. }
    55.  
    56. p.small, .small {
    57. font-size: 10px;
    58. font-family: Arial, Helvetica, sans-serif;
    59. font-weight: normal;
    60. color: #666666;
    61. }


  • 1
  • hwt hwt
    Sternenflotten-Admiral
    0 x
    217 Beiträge
    0 Hilfreiche Beiträge
    20. 09. 2013, 01:12

    Hi,

    die Klasse 'small' dem Formatblock zuzuordnen ist nicht der richtige Ansatz. Im Formatblock geht es um die html-Elemente, die Klassen können diesen dann zugewiesen werden und werden als Blockstyles geführt.

    Grüße!

  • 1