Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Eigene Klassen im RTE

      
  1. #1
    ben
    ben ist offline
    Forum Stammgast Avatar von ben
    Registriert seit
    07.03.2005
    Ort
    Düsseldorf
    Beiträge
    189

    Eigene Klassen im RTE

    Hallo.

    Wie ihr seht, beschäftige ich mich gerade etwas mit dem RTE und versuche das soweit mal alles ans laufen zu bekommen. Wenn dann alles mal läuft, werde ich das auch mal säuberlich aufschreiben.

    Aber nun erstmal zum Problem:
    Es gibt ja die Möglichkeit, durch das CSS eigene Klassen in die HTMLarea einzubinden. Laut http://ug.typo3-nrw.de/typo3-dynamic_css.html funktioniert dies einfach dadurch, dass ich entsprechende Klasse im CSS definiere, z.B.

    HTML-Code:
     .zitat {
                    name  = Zitat
                    value = font-weight: normal; color: #000000;background: #EEEEEE;margin-left: 30px; padding: 10px; padding-left: 10px; border-left: 7px solid #6f7589;;
            }
            
    Klappt auch wunderbar. Nur leider für jedes Element, auch bei Überschriften wird das angezeigt, obwohl es das nicht soll.
    Laut o.g. Link, würde es genügen, wenn ich aus ".zitat" ein "p.zitat" machen würde. Das geht aber nicht, danach wird die Absatzart komplett nicht mehr angezeigt.

    Ich will es also möglich machen, die eigenen Klassen nur bestimmten Elementen zuzuordnen.
    Konfiguration im TS hat bei mir nur dazu geführt, dass ich keine Klassen mehr auswählen konnte.

    Vielleicht hat ja von euch jemand einen Ratschlag.

    Danke,
    Ben~

  2. #2
    TYPO3 Forum Team Administrator Avatar von mic_jan
    Registriert seit
    05.09.2004
    Ort
    Köln
    Beiträge
    1.760
    Hilft dir das vielleicht:
    http://ug.typo3-nrw.de/typo3-dynamic_css.html

    Gruss,

    Michael
    Aus gegebenem Anlass mal eine neue Signatur:
    Kein Support per PN!

  3. #3
    ben
    ben ist offline
    Forum Stammgast Avatar von ben
    Registriert seit
    07.03.2005
    Ort
    Düsseldorf
    Beiträge
    189
    Heyho.

    Den link kenne ich schn. Helfen tut er mir auch nicht, denn ich beziehe mich ja schon in meinem Topic auf den Link und dessen Lösungsvorschlag :)

    Dort steht nur, dass man in der CSS Datei einfach .zitat durch p.zitat ersetzten müsste - aber das funktioniert ja leider nicht.

    Trotzdem danke :)

    Ben~

  4. #4
    TYPO3 Forum Team Administrator Avatar von mic_jan
    Registriert seit
    05.09.2004
    Ort
    Köln
    Beiträge
    1.760
    Sorry mit dem Link, hatte wieder Tomaten auf den Augen ;-)

    Also bei mir funktioniert das mit einer Klasse für Images problemlos!

    Gruss,

    Michael
    Aus gegebenem Anlass mal eine neue Signatur:
    Kein Support per PN!

  5. #5
    ben
    ben ist offline
    Forum Stammgast Avatar von ben
    Registriert seit
    07.03.2005
    Ort
    Düsseldorf
    Beiträge
    189
    Mhmm, ne.

    Ich habs jetzt extra nochmal geprüft.

    Folgendes steht im Stylesheet:
    HTML-Code:
            img.Bildlinks {
                    name  = Bild links
                    value = float: left;
                    }
    Aber es wird im RTE nicht angezeigt. Im übrigen zeigt er mir auch die Namen nicht an, aber ich meine er hätte es mal kurzfristig getan. Bin mir abe rnicht sicher, ob ich da noch Code im TS hatte.

    Hier mal der TS Code, vielleicht können wir vergleichen:



    ## RTE Konfiguration
    RTE.default {

    # Zuweisung der CSS-Datei
    contentCSS = fileadmin/templates/layout1/basis/extensions/htmlarea.css

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

    # Buttons die gezeigt/versteckt werden
    showButtons = *
    hideButtons = fontstyle, fontsize, lefttoright, righttoleft, inserttag, textcolor, bgcolor,emoticon, line, spellcheck, table, user, acronym, about, strikethrough, underline
    toolbarOrder = blockstylelabel, blockstyle, space, textstylelabel, textstyle, bar, linebreak, fontstyle, space, fontsize, space, formatblock, bar, bold, italic, bar, subscript, superscript, bar, left, center, right, justifyfull, bar, orderedlist, unorderedlist, outdent, indent, bar, textcolor, bgcolor, textindicator, bar, emoticon, linebreak, insertcharacter, line, link, image, table, user, acronym, bar, findreplace, spellcheck, bar, chMode, inserttag, removeformat, bar, copy, cut, paste, bar, undo, redo, bar, showhelp, about, linebreak, toggleborders, bar, tableproperties, bar, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, bar, columninsertbefore, columninsertafter, columndelete, columnsplit, bar, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge

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

    # blendet Statusbar in htmlarea aus
    showStatusBar = 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; }, typohead
    )

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

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

    # br wird nicht zu p konvertiert
    dontConvBRtoParagraph = 1

    # tags sind erlaubt außerhalt von p, div
    allowTagsOutside = img,hr, typohead

    # 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, author
    )

    # zeigt alle CSS-Klassen die in formate.css vorhanden sind
    showTagFreeClasses = 1
    # Classes: Ausrichtung
    classesParagraph (
    align-left, align-center, align-right, kommentar
    )

    # Classes: Eigene Stile
    classesCharacter = author, kommentar
    classesImage= rte_image


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



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

    }

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

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

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

    # Breite des RTE in Fullscreen-Ansicht
    TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%
    RTE.default.proc.entryHTMLparser_db = 1
    RTE.default.proc.entryHTMLparser_db {
    tags.h1.remap = typohead type="1"
    tags.h2.remap = typohead type="2"
    tags.h3.remap = typohead type="3"
    tags.h4.remap = typohead type="4"
    tags.h5.remap = typohead type="5"
    tags.h6.remap = typohead type="6"
    }


  6. #6
    TYPO3 Forum Team Administrator Avatar von mic_jan
    Registriert seit
    05.09.2004
    Ort
    Köln
    Beiträge
    1.760
    Irgendwie fehlt mir sowas hier:
    RTE.default.contentCSS = fileadmin/template/css/rte.css
    RTE.default.useCSS = 1
    RTE.default.classesImage = bildobenlinks, bildobenrechts

    bei dir.

    Oder habe ich was übesehen?

    Gruss,

    Michael
    Aus gegebenem Anlass mal eine neue Signatur:
    Kein Support per PN!

  7. #7
    ben
    ben ist offline
    Forum Stammgast Avatar von ben
    Registriert seit
    07.03.2005
    Ort
    Düsseldorf
    Beiträge
    189
    Sehr gut, der Rest stand zwar da, aber die Klassenzeile wars nochmal explizit.

    Vielen Dank.

    Noch eine Nachfrage: Werden bei dir die Beschreibungen der CSS-Klassen angezeigt oder auch nur die Namen? Wie gesagt, irgendwann hats mal kurz funktioniert.... :)

    Grüße,
    Ben~

  8. #8
    ben
    ben ist offline
    Forum Stammgast Avatar von ben
    Registriert seit
    07.03.2005
    Ort
    Düsseldorf
    Beiträge
    189
    Ah aber ein muss ich mal sagen: Sehr zuverlässig ist das nicht.
    Daher auch die Probleme: Manchmal werden die Formate so einfach nicht angezeigt. Dann muss man den Text zwei, dreimal öffnen, bis htmlarea wieder die speziellen Formate anzeigt.

    Verwendet man NUR allgemeine Formate, funtkionierts... mhmm

  9. #9
    Forum Crack
    Registriert seit
    28.06.2005
    Ort
    Daheim
    Beiträge
    1.106
    Hi,
    ich versuche mich auch gerade an eigenen Klassen.
    Nur wird bei mir (typo3 4.0) im RTE die Pulldowns Absatz und Text nur ausgegraut angezeigt.
    Wie bekomme ich die denn erst mal aktiviert?
    Ich bin zwar der Anleitung der typo3-UG gefolgt, aber wo ich "Enable all editor options" einstellen soll, weis ich leider nicht.
    So sieht meine TS-Config im Mometn aus:


    RTE.default {
    contentCSS = fileadmin/rte.css
    dontConvBRtoParagraph = 1
    showStatusBar = 0
    showTagFreeClasses = 1
    classesCharacter = textRot, textLarge
    }
    RTE.config.tt_content.bodytext.proc.allowedClasses = textRot, textLarge

  10. #10
    Forum Newbie
    Registriert seit
    05.11.2006
    Ort
    Kiel, Schleswig-Holstein
    Alter
    37
    Beiträge
    36
    Kann mir irgendwer mal sagen wo zum Geier ich das eintragen soll? Bei mir passiert nämlich trotz 99% Kopie des Beispieles (nach Anpassung des CSS-Pfades und Anpassung der Klassen) absolut garnichts.

 

 
Seite 1 von 2 12 LetzteLetzte

LinkBacks (?)

  1. 20.08.2008, 11:38
  2. 05.03.2008, 12:34
  3. 29.10.2007, 12:45

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Facebook Kommentare

Ähnliche Themen

  1. mehrer CSS Klassen
    Von pidrootline im Forum powermail
    Antworten: 5
    Letzter Beitrag: 23.06.2008, 13:43
  2. Link Klassen
    Von Evil-Knievel im Forum TYPO3 4.x Rich Text Editor
    Antworten: 1
    Letzter Beitrag: 16.10.2007, 15:55
  3. htmlarea css klassen
    Von nameac im Forum TYPO3 4.x Rich Text Editor
    Antworten: 1
    Letzter Beitrag: 17.07.2007, 11:34
  4. Verschiedene Klassen für <em>
    Von MaK im Forum TYPO3 4.x Rich Text Editor
    Antworten: 2
    Letzter Beitrag: 12.06.2007, 11:51
  5. Eigene Klassen für Absätze
    Von areanet im Forum TYPO3 3.x Rich Text Editor
    Antworten: 4
    Letzter Beitrag: 08.06.2006, 13:52

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238