Fonctions de formatage dans les éditeurs de champs HTML

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 2 minutes de lecture
  • Le tableau de mise en forme indique comment contrôler la façon dont le texte apparaît.

    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 formatage
    Nom Icône htmlArea Icône TinyMCE Description
    Vérificateur A11y Vous permet de vérifier le HTML dans l’éditeur pour divers problèmes d’accessibilité WCAG et Section 508. a11ychecker
    Aligner au centre

    Centrer le texte Aligner HTML

    Centre d’alignement TinyMCE v6

    Applique l’alignement au centre du paragraphe actif.

    Référence du code : text-align :center

    Aligner à gauche

    Texte gauche : aligner HTML

    TinyMCE v6 Aligner à gauche

    Applique l’alignement à gauche au paragraphe actuel.

    Référence du code : text-align :left

    Aligner à droite

    Texte droit aligner html

    TinyMCE v6 Aligner à droite

    Applique l’alignement correct au paragraphe actuel.

    Référence du code : text-align :right

    Couleur d'arrière-plan

    Couleur d’arrière-plan HTML

    Couleur d’arrière-plan TinyMCE v6

    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

    Styles de paragraphe html

    Blocs TinyMCE v6

    Active/désactive la visibilité des éléments de niveau bloc dans la zone modifiable. C’est similaire à la fonctionnalité des personnages cachés WYSIWYG, mais au niveau des blocs.
    *Devis en bloc

    Citations TinyMCE v6

    Applique le format de devis de bloc à l’élément de niveau de bloc actuel.
    Gras

    HTML en gras

    TinyMCE v6 Gras

    Applique une mise en forme en gras au texte sélectionné ou au mot actuel.

    Raccourci clavier : CTRL + B

    Liste à puces

    Puce HTML

    Liste à puces TinyMCE v6

    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

    Menu déroulant HTML de la famille de polices

    Menu déroulant Famille de polices TinyMCE v6

    Applique une famille de polices au texte sélectionné ou au mot actuel.
    Taille de police

    Taille de police html

    Menu déroulant Taille de police TinyMCE v6

    Applique une taille de police au texte sélectionné ou au mot actuel.
    Augmenter la mise en retrait

    Mettre le HTML en retrait

    Augmenter la mise en retrait TinyMCE v6

    Applique l’indentation au paragraphe actuel ou sélectionné, en ajoutant30 px de marge intérieure gauche.

    Référence du code : padding-left

    Italique

    Italique html

    Italique TinyMCE v6

    Applique la mise en forme italique au texte sélectionné ou au mot actuel.

    Raccourci clavier : CTRL + I

    Justifier

    Texte complet Aligner HTML

    Justifier TinyMCE v6

    Applique un alignement justifié, qui étire les lignes pour avoir des largeurs égales, au paragraphe sélectionné .

    Référence du code : text-align :justify

    *LTR (de gauche à droite)

    TinyMCE v6 LTR

    Définit la directionnalité des contenus de gauche à droite.
    *Nouveau document

    Nouveau document TinyMCE v6

    Crée un document sans aucune mise en forme.
    Insécable

    TinyMCE v6 insécable

    Insère un espace insécable dans l’éditeur.
    Liste numérotée

    HTML numéroté

    Liste numérotée TinyMCE v6

    Applique ou supprime les balises de liste ordonnée pour les paragraphes sélectionnés. Sélectionnez la flèche pour choisir un autre type de nombre.
    Retrait négatif

    Diminuer la mise en retrait HTML

    Retrait négatif TinyMCE v6

    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 du code : padding-left

    *Saut de page

    Saut de page TinyMCE v6

    Insère un saut de page dans l’éditeur.
    *Supprimer le format

    TinyMCE v6 Supprimer le format

    Supprime la mise en forme du texte sélectionné.
    *RTL (droite à gauche)

    TinyMCE v6 RTL

    Définit la directionnalité des contenus de droite à gauche.
    Barrer

    TinyMCE v6 Barré

    Applique la mise en forme barrée au texte sélectionné.
    *Indice

    Indice TinyMCE v6

    Applique la mise en formede l’indice au texte sélectionné.
    *Superscript

    Exposant TinyMCE v6

    Applique la mise en formede l’exposant au texte sélectionné.
    Couleur du texte

    HTML de couleur de texte

    Couleur du texte TinyMCE v6

    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

    HTML souligné

    Soulignement TinyMCE v6

    Applique la mise en forme du soulignement au texte sélectionné ou au mot actuel.

    Raccourci clavier : CTRL + U