TYPO3: RTE Konfigurieren neuer Blockstil

Mit diesem Script erweitert man den RTE um den Blockstil „Grossbuchstabe formatieren“. Dies ermöglicht einem den ersten Buchstaben eines Textes mit einem floatenden Großbuchstaben darzustellen.

Quelle: http://blog.exites.de/2011/01/eigene-rte-stile-im-typo3-backend-konfigurieren/

TypoScript-Konfiguration

 # RTE-Anpassungen (eigene Stile)
RTE.default {
 # RTE soll CSS verwenden
 useCSS = 1
 contentCSS = fileadmin/default/templates/css/screen/rte-styles.css
 # Diese Klasse soll im Blockstil verfügbar sein:
 classesParagraph := addToList(great_first_letter)
 proc.allowedClasses := addToList(great_first_letter)
 # wir möchten auch Zuweisungen ohne vorgelegten Tag erlauben
 showTagFreeClasses = 1
 # Die gesamt Einstellungen sollen nun auch im Frontend der Seite greifen
 FE.proc < RTE.default.proc
 FE < RTE.default
}

# Hier definieren wir den Namen und das Layout im Backend
RTE.classes {
 great_first_letter {
  # angezeigter Name in der Auswahlbox beim Blockstil
  name = Grossbuchstabe Formatiert
  # Aussehen der Klasse, wie sie im Backend erscheinen soll
  value = float: left; color: #99042f;
 }
}

CSS-Layout

.great_first_letter {
   float: left;
   margin: 8px 3px -8px 0;
   color: #99042f;
   font-size: 140%;
   text-transform: uppercase;
}

+2

-7