Formatage des fonctions dans les éditeurs de champs HTML

Rversion finale: Xanadu

Mis à jour 1 août 2024

2 minutes de lecture

Le tableau de mise en forme indique comment contrôler l’affichage du texte.

Le tableau suivant affiche les icônes disponibles dans les éditeurs TinyMCE et htmlArea. Les noms marqués d’un astérisque (*) ne sont pas disponibles avec l’éditeur htmlArea.

Tableau 1. Table de mise en forme
Nom	Icône htmlArea	Icône TinyMCE	Description
Aligner au centre			Applique l’alignement centré au paragraphe actuel. Référence de code : `text-align :center`
Aligner à gauche			Applique l’alignement à gauche au paragraphe actif. Référence de code : `text-align :left`
Aligner à droite			Applique l’alignement droit au paragraphe actuel. Référence de code : `text-align :right`
Couleur d'arrière-plan			Applique une couleur d’arrière-plan au mot actuel ou au texte sélectionné. Sélectionnez le bouton pour utiliser la couleur actuelle. Sélectionnez Plus de couleurs... pour afficher les différentes options de couleurs et les codes hexadécimaux.
Blocs			Active/désactive la visibilité des éléments de niveau bloc dans la zone modifiable. C’est similaire à la fonctionnalité des caractères cachés WYSIWYG, mais au niveau des blocs.
*Bloc de devis			Applique le format de devis de bloc à l’élément de niveau de bloc actuel.
Gras			Applique une mise en forme en gras au texte ou au mot actif sélectionné. Raccourci clavier : CTRL + B
Liste à puces			Applique ou supprime les balises de liste non triées pour les paragraphes sélectionnés. Sélectionnez la flèche pour choisir un autre type de puce.
Famille de polices			Applique une famille de polices au texte ou au mot actif sélectionné.
Taille de police			Applique une taille de police au texte ou au mot actif sélectionné.
Augmenter la mise en retrait			Applique l’indentation aux paragraphes actuels ou sélectionnés, en ajoutant 30 px de marge intérieure gauche. Référence de code : `padding-left`
Italique			Applique la mise en forme italique au texte ou au mot actif sélectionné. Raccourci clavier : CTRL + I
Justifier			Applique l’alignement justifié, qui étire les lignes pour qu’elles aient des largeurs égales, au paragraphe sélectionné . Référence de code : `text-align :justify`
*LTR (de gauche à droite)			Définit la direction des contenus de gauche à droite.
*Nouveau document			Crée un document sans aucune mise en forme.
Insécable			Insère un espace insécable dans l’éditeur.
Liste numérotée			Applique ou supprime les balises de liste ordonnées pour les paragraphes sélectionnés. Sélectionnez la flèche pour choisir un autre type de nombre.
Retrait négatif			Supprime l’indentation des paragraphes actuels ou sélectionnés, en supprimant 30 px de marge intérieure gauche. Remarque : Le remplissage ne peut pas être inférieur à 0. Référence de code : `padding-left`
*Saut de page			Insère un saut de page dans l’éditeur.
*Supprimer le format			Supprime la mise en forme du texte sélectionné.
*RTL (de droite à gauche)			Définit la direction des contenus de droite à gauche.
Barré			Applique au texte sélectionné une mise en formebarrée.
*Indice			Applique le formatde l’indice au texte sélectionné.
*Superscript			Applique le formaten exposant au texte sélectionné.
Couleur du texte			Applique une couleur de texte au texte sélectionné. Sélectionnez le bouton pour utiliser la couleur actuelle. Sélectionnez Plus de couleurs... pour afficher les différentes options de couleurs et les codes hexadécimaux.
Souligner			Applique une mise en forme de soulignement au texte ou au mot actif sélectionné. Raccourci clavier : CTRL + U