Zum Inhalt springen

Problem mit Absatzklassen im FF bekannt?

Erstellt am 6. Oktober 2006 · 1 Antwort · letzte Antwort am 6. Oktober 2006

Tags: Frage

flipper ·

Hallo zusammen,

seit 3 Tagen bekomme ich folgendes Problem nicht in Griff. Ich habe in einer externen CSS zwei Klassen definiert, um diese in der HTMLarea für Absätze auswählen zu können. Dies funktioniert auch im IE wunderbar, nur der FireFox 1.5.0.7 zeigt die Klassen im Auswahlmenü des Editors erst gar nicht an. Cache & Cookies sind gelöscht. Ist es vielleicht auch so ein Problem mit dem FF wie der Absturz bei der HTML Ansicht?

Hat jemand das gleiche Problem?

Im folgenden noch der verwendete TSConfig:

### RTE KONFIGURATION ########
RTE.config >
RTE.FE >

# *** Entfernt das Bild vor den Links
RTE.classesAnchor {
        internalLink {
                class = internal-link
                type = page
                image >
        }
        externalLink {
                class = external-link
                type = url
                image >
        }
        externalLinkInNewWindow {
                class = external-link-new-window
                type = url
                image >
        }
        internalLinkInNewWindow {
                class = internal-link-new-window
                type = page
                image >
        }
        download {
                class = download
                type = file
                image >
        }
        mail {
                class = mail
                type = mail
                image >
        }
}

## RTE Classes
RTE.classes {
 textrahmen_rot {
  class = textrahmen_rot
  name = Roter Textblock
  }
 textrahmen_blau {
  class = textrahmen_blau
  name = Blauer Textblock
 }
}

## RTE Konfiguration
RTE.default {
  ignoreMainStyleOverride = 0
  mainStyleOverride (
         body.htmlarea-content-body, td {
          font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;  
          font-size:0.8em;
          }
  )
        # Zuweisung der CSS-Datei
        contentCSS = fileadmin/template/css/main/rte_content.css
	useCSS = 1
	# zeigt alle CSS-Klassen die in der Externen css vorhanden sind
        showTagFreeClasses = 1

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

	hidePStyleItems = H1,H2,H4,H5,H6,PRE,ADDRESS

        # Buttons die gezeigt/versteckt werden
        showButtons =  formatblock, blockstylelabel, blockstyle, outdent, indent, bold, italic, left, center, right, orderedlist, unorderedlist, insertcharacter, 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
        # hideButtons = textcolor, textstyle, textstylelabel, blockstyle, blockstylelabel, fontstyle, formatblock, fontsize, underline, strikethrough, lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, outdent, indent, justifyfull, line, subscript, superscript, acronym, copy, cut, paste, about, showhelp

        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; }
        )
 
        proc {
                # tags die erlaubt / verboten sind
                allowTags = table, tbody, thead, tfoot, 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

                # 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, textrahmen_rot, textrahmen_blau
                )       

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

        }

        # Classes für:
	classesCharacter = textrahmen_rot, textrahmen_blau
	classesParagraph = textrahmen_rot, textrahmen_blau
        
        # classesParagraph = align-left, align-center, align-right
	# Classes für Links (These classes should also be in the list of allowedClasses)
	# classesAnchor = external-link, extrnal-link-new-window, internal-link, internal-link-new-window, download, mail, pdf

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

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

Problem gelöst :p

In der CSS hatte ich die Medienauswahl:

@media all
{
..
}

Dies schien dem FF wohl nicht zu gefallen. Ohne diese Angabe klappt es.