Ajouter une classe perso au RTE TYPO3 en 2 étapes

Par: Sébastien Huillet

Pour ajouter une classe personnalisée dans le RTE du back-office de Typo3, il suffit de mettre à jour 2 fichiers.

  1. Mettre la classe en question dans le fichier rte.css dans fileadmin/template. Par exemple :
    p.chapo{color:red}
  2. Modifier à 4 endroits dans la config Typoscript du RTE : dans un fichier pour nous en l’occurrence (ex : fileadmin/templates/RTEtypical/pageTSConfig.txt)
    dans le cas d’une classe chapo pour un paragraphe :

    1. Afficher la class dans la liste déroulante du RTE:
      blockstyle.tags.p.allowedClasses = chapo
    2. Paramétrer un nom et un style pour l’élément préalablement créé
      chapo {
      name = chapo article
      value = color:red
      }
    3. Autorise au RTE de ne pas filtrer cette classe
      proc.allowedClasses (
      chapo
      )
    4. Autorise à la BDD de ne pas filtrer cette classe
      classesParagraph (
      chapo
      )

Éventuellement vider les caches et le tour est joué.

Vous êtes un d'accélérer votre projet