Styles personnalisés dans le RTE

Ajouter les classes CSS dans la feuille de style du RTE

Pour les sites Genetta, la feuille de style du RTE est ici :
typo3conf/ext/speciality/Resources/Public/StyleSheets/rte.css

Exemple :

span.orange, .orange {
color:rgb(220, 89, 36);
font-weight:bold;
}

Autoriser leur utilisation dans le RTE

Pour les sites Genetta, la TS config  du RTE est ici :
typo3conf/ext/speciality/Configuration/TsConfig/Page/rte.ts

Exemple :

# Classes CSS custom pour RTE
RTE.default{
  ignoreMainStyleOverride = 1
  useCSS = 1
  # Autoriser seulement les classes CSS definies ci-dessous (allowedClasses)
  showTagFreeClasses = 0
  # Liste des classes autorisees
  buttons {
    # Pour les DIV
    #blockstyle.tags.div.allowedClasses := addToList(align-left,align-right)
    # Pour les paragraphes
    #blockstyle.tags.p.allowedClasses := addToList(align-left,align-right,enSavoirPlus)
    # Pour les SPAN
    textstyle.tags.span.allowedClasses := addToList(orange, vertClair, lienGrisSouligne, violet)
  }
  # Liste des classes à conserver lors du traitement
  proc.allowedClasses := addToList(orange, vertClair, lienGrisSouligne, violet, enSavoirPlus)
}