Cet article va vous expliquer comment configurer l'extension RTEHTMLAREA afin de pouvoir l'utiliser proprement dans TYPO3. En effet, l'éditeur RTE comme on l'appelle plus communément, vous offre une multitude d'options pour formater vos contenus avec des balises HTML. En général, on indique à l'éditeur une CSS contenant différents styles, pour les paragraphes et les textes. Rtehtmlarea parse cette css et met à disposition des utilisateurs les styles via des sélecteurs.

Tout cela est bien beau mais la configuration de cet outil reste assez compliquée au vu de la multitude d'options disponibles ! Une foule d'options signifie une multitude de possibilités ... il convient cependant d'éviter les dérives afin d'éviter de pourrir vos sources avec des balises inutiles.

Les informations suivantes sont le fruit de mon expérience, d'une lecture de la documentation et de la t3fr Université.

La version livrée avec TYPO3 porte le numéro 1.3.7. Vous pouvez mettre à jour cette dernière en téléchargeant le fichier t3x disponible sur typo3.org. Voici les différentes options disponibles :

> No spell checking languages
> Aspell directory
> Default Aspell dictionary
> List of Aspell dictionaries

Ces 4 options sont à conjuguer avec la librairie Aspell sur Linux disponible à cette adresse http://aspell.sourceforge.net/, qui vous permet de faire de la correction orthographique sur le contenu saisi dans RTE.

> List of htmlArea RTE plugins

Rtehtmlarea est livré avec des plugins que vous pouvez soit activer, soit désactiver. Je suppose que vous pourrez vous abstenir de InsertSmiley par exemple.

> Default configuration settings

La configuration en mode minimal est le mode le moins permissif car la plupart des fonctionnalités seront désactivées. Cependant, c'est celle-ci que nous vous recommanderons. Nous rajouterons les fonctionnalités nécessaires dans le TS Config plus bas dans cet article.

> Enable images in the RTE

Cocher cette case pour autoriser l'utilisation d'images dans l'éditeur.

> Enable links accessibility icons

Active les icones d'accessibilité devant les liens. Ne pas cocher.

> Enable the DAM media browser

En cochant cette case et à condition que le module DAM soit installé, vous aurez accès à un onglet supplémentaire correspondant aux fichiers DAM lors de l'insertion d'images. C'est selon votre utilisation intensive ou non du DAM.

> Enable Mozilla/Firefox extension

Avec cette option activée, RTE pourra accéder au presse papier dans le navigateur Firefox.

> Enable the RTE in Opera 9

Cette option active la compatibilité de RTE avec le navigateur Opéra

> Force Aspell command mode

Active l'interface de commandes pour Aspell. Option non cochée par défaut.

> Enable troubleshooting mode

Ne pas cocher - deboguage seulement

> Enable compressed scripts

Activer la compression des scripts du RTE. Activé par défaut.

> Url of AllowClipboard Helper

Il s'agit de l'url de l'extension "AllowClipboard Helper" pour Firefox qui permet de gérer plus facilement les politiques de sécurité à partir d'une simple interface.

> Maximum width of plain images

Défini une largeur maximale pour les images. Passer plutôt par l'éditeur de constantes pour modifier la valeur par défaut.

> Maximum height of plain images

Même remarque que ci-dessus.

2. Configuration RTE (TS Config)

La configuration se fait dans la partie TS Config de votre page root, celle contenant le template de votre site. Vous pourrez prendre au choix la configuration de Macmade, disponible sur le forum TYPO3.fr ou bien télécharger ma configuration personnelle (similaire mais c'est celle que je vous recommande) : configuration TS config