Zum Inhalt springen

Im RTE mehre Absatzformatierung zur Auswahl definieren

Erstellt am 24. Juni 2008 · 1 Antwort · letzte Antwort am 25. Juni 2008

Tags: Frage

taz78 ·

hallo zusammen,

ich würde gern mehre absätze im css defineiren. damit ich im rte die absätze mit verschiedenen classen formatieren kann.
leider hab ich keine ahnung wie ich meine css hierfür einfüge und wie ich das machen soll. hab viel geoogle und probiert, aber nichts geht. bin zudem typo3 anfänger.

gruß

Mopps ·

hab viel geoogle

da findet man aber einiges.

Hier mal eine Beispiel-Konfiguration. (der RTE ist im Extension Manager im Modus "Typical" installiert)

# --- Konfiguration des Editors --- #
RTE.default {
  # Zuweisung der CSS-Datei für den RTE
  contentCSS = dein_css.css
  # zeigt alle CSS-Klassen die in der CSS-Datei vorhanden sind
  showTagFreeClasses = 1
        
  ## Markup options
  enableWordClean = 1
  removeTrailingBR = 1
  removeComments = 1
  removeTags = removeFromList(u, subscript, superscript)
  removeTagsAndContents = style, script
  
  buttons.image.properties.removeItems = height, width, border
  
  # Buttons die gezeigt/versteckt werden
  showButtons = subscript, superscript, chMode, formatblock, bold, italic, underline, copy, cut, paste, 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
  hideButtons = strikethrough, blockstylelabel, blockstyle, textstylelabel, textstyle, outdent, indent, fontstyle, fontsize, left, center, right, lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, justifyfull, acronym

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

  # blendet Statusbar in htmlarea aus
  showStatusBar =  0
  
  classesCharacter = deine_css_klasse_1, deine_css_klasse_2
  classesParagraph = deine_css_klasse_3
  classesTable = 
  classesTD = 
  allowedClasses = deine_css_klasse_1, deine_css_klasse_2, deine_css_klasse_3
  
  proc {
    allowedClasses < RTE.default.allowedClasses
    entryHTMLparser_db.removeTags = removeFromList(u, subscript, superscript)
  }
  
  FE {
    proc  {
      allowedClasses < RTE.default.allowedClasses
    }
  }
  
  # 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
}

RTE.config.tt_content.bodytext.proc.allowedClasses = prezzi

# bestimmte Einträge entfernen
RTE.default.hidePStyleItems = h1

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

Ansonsten nochmal genauer googeln:
"RTE eigene Klassen"