Accueil > Divers > Infographiste > CMS > Typo3 > Configuration du RTE

Configuration du RTE

et rajouter une image

vendredi 19 octobre 2007, par Philippe Donnart

Je souhaite pouvoir insérer des tableaux, et modifier la couleur du texte et rajouter une image

Pour répondre à une demande d’un client, à savoir : "je souhaite pouvoir insérer des tableaux, et modifier la couleur du texte", il faut modifier le TS de la page racine, les sous-pages hériteront de ce paramétrage.

RTE.default.showButtons = bgcolor, textcolor,copy,cut, paste,textstyle, textstylelabel, blockstyle, blockstylelabel, insertcharacter, link, image, removeformat, findreplace,insertcharacter, undo, redo, left,center,right,justifyfull,orderedlist,unorderedlist,bold, italic, underline, fontsize, table

La liste des boutons

Pour la gestion des couleurs, et pour les versions 4.2 (j’ai testé sur une 4.2.3) je vous conseille la lecture de HtmlArea RTE : gestion des couleurs

Exemple pour seulement rajouter un élément au RTE par défaut

RTE.default {
## Enable the image button
showButtons := addToList(image)
}

Pour afficher tous les boutons : showButtons = *

A noter que depuis la version 4.2.8 de Typo3 le RTE n’affiche pas l’icône image par défaut, il faut passer par le gestionnaire d’extensions pour cocher la case Enable Image in RTE

Ajouter une image via le RTE
Dans l’éditeur de texte, il y a une icône image qui permet de publier une image contenue dans le fileadmin, donc si l’on souhaite rajouter des images il faut passer par le menu de gauche
Fichier => fichiers => le répertoire où sont stockées les images

Dans la barre en haut il y a 2 petites icônes, il faut choisir celle avec la flèche et là envoyer l’image.

Ensuite allez dans le texte, cliquer sur l’icône image, image plain, cliquer sur l’image , et glisser l’image dans le texte, puis clic droit sur l’image du texte, propriétés de l’image, flottaison gauche, padding tous à 5, décocher bordure => mettre à jour et pour terminer clic droit sur l’image et supprimer le lien (si l’on ne veut pas de lien).

Normalement il est préférable de passer par un élément texte + image, cependant avec l’extension "accordéon" c’est la solution que j’ai trouvée pour rajouter une image.

A lire Configuration Éditeur de textes (htmlArea RTE)


Voir en ligne : Appliquer des styles au RTE