Icônes de mise en forme pour les éditeurs de champs HTML

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 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
    Icône htmlArea Icône TinyMCE Nom Description

    Html gras

    TinyMCE v4 gras

    Gras

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

    Raccourci clavier : CTRL + B

    Html italique

    TinyMCE v4 italique

    Italique

    Applique une mise en forme en italique au texte ou au mot actif sélectionné.

    Raccourci clavier : CTRL + I

    ULINE HTML

    Souligné TinyMCE v4

    Souligner

    Souligne la mise en forme du texte ou du mot actif sélectionné.

    Raccourci clavier : CTRL + U

    Aligner le texte à droite HTML

    TinyMCE v4 aligner à droite

    Aligner à droite

    Applique l’alignement à droite au paragraphe en cours.

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

    Centrer le texte aligner HTML

    Aligner le centre TinyMCE v4

    Aligner au centre

    Applique l’alignement central au paragraphe en cours.

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

    Aligner le texte à gauche HTML

    TinyMCE v4 aligner à gauche

    Aligner à gauche

    Applique l’alignement à gauche au paragraphe actif.

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

    Alignement du texte intégral HTML

    Tiny MCE v4 justifier

    Justifier

    Applique l’alignement justifié, qui étire les lignes à la même largeur, au paragraphe en cours.

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

    Para styles html

    Format Applique un style de paragraphe au paragraphe actif, par exemple Paragraphe, En-tête 1 et Préformaté.

    Famille de polices html

    Polices TinyMCE v4

    Famille de polices Applique une famille de polices au texte ou au mot actif sélectionné.

    Taille de police html

    Taille de police TinyMCE v4

    Taille de police Applique une taille de police au texte ou au mot actif sélectionné.

    HTML à puces

    Balles TinyMCE v4

    Insérer/Supprimer une liste à puces Applique ou supprime les balises de liste non ordonnées pour les paragraphes sélectionnés. Cliquez sur la flèche à côté du bouton pour sélectionner un autre type de puce.

    HTML numéroté

    Petits numéros MCE v4

    Insérer/Supprimer une liste numérotée Applique ou supprime les balises de liste ordonnées pour les paragraphes sélectionnés. Cliquez sur la flèche à côté du bouton pour sélectionner un autre type de numéro.

    Diminuer le retrait HTML

    Retrait MCE v4 minuscule

    Diminuer la mise en retrait

    Supprime l’indentation des paragraphes actuels ou sélectionnés (supprime 30 px de marge intérieure gauche ; la marge intérieure ne peut pas être inférieure à 0).

    Référence de code : padding-left

    Retrait HTML

    Retrait MCE v4 petit

    Augmenter le retrait

    Applique une mise en retrait aux paragraphes actuels ou sélectionnés (ajoute 30 px de remplissage gauche).

    Référence de code : padding-left

    Couleur du texte HTML

    Couleur du texte HTML

    Sélectionner la couleur du texte Applique la couleur de police au mot actuel ou au texte sélectionné. Cliquez sur le bouton pour utiliser la couleur actuelle ou cliquez sur la flèche à côté du bouton pour afficher plus de couleurs. Cliquez sur Autres couleurs... pour afficher les différentes options de couleur et les codes hexadécimaux.

    Couleur HTML Bg

    Couleur d’arrière-plan TinyMCE v4

    Sélectionner une couleur d’arrière-plan Applique une couleur d’arrière-plan au mot actuel ou au texte sélectionné. Cliquez sur le bouton pour utiliser la couleur actuelle ou cliquez sur la flèche à côté du bouton pour afficher plus de couleurs. Cliquez sur Autres couleurs... pour afficher les différentes options de couleur et les codes hexadécimaux.