Les contrôles de texte enrichis sont présents pour tous les blocs proposant des éléments textuels, y compris les légendes d’images.
Dès lors que vous sélectionnez du texte dans un bloc, la barre d’outils avec les Contrôles de texte enrichis s’affiche :
Contrôles de texte enrichis#
Voici une description détaillée de chacun de ces contrôles de texte.
Italique#
La police du texte est en italique. Le texte sélectionné est entouré des balises HTML <em>…</em>
Raccourcis : CTRL + I ou ⌘ + I
Lien#
Le texte sélectionné est transformé en lien, entouré des balises <a>…</a>, et formaté avec le style css des liens du thème.
Lorsque vous utilisez cet outil, vous êtes invité·e à rechercher ou saisir une URL, puis à la valider en appuyant sur la touche Entrée. Voir l’article Contrôle de texte enrichi Lien pour plus de précisions.
Raccourcis : CTRL + K ou ⌘ + K
Effacer le formatage inconnu#
Cet outil est disponible uniquement si le texte sélectionné a un format inconnu de WordPress, par exemple une erreur dans une balise ou un texte en provenance d’un logiciel de traitement de texte. Sélectionnez le texte, puis cliquez sur l’outil pour supprimer le formatage.
Barrer#
Le texte sélectionné est barré, et entouré des balises HTML <s>…</s> : exemple.
Code en ligne#
Permet d’insérer du texte correspondant à du code dans le flux du paragraphe, le texte est entouré des balises HTML <code>…</code>, et formaté avec le style css de code du thème.
Exposant#
Le texte sélectionné est placé en exposant, par exemple m2, et il est entouré des balises HTML <sup>…</sup>.
Image en ligne#
L’image est placée dans le texte, et elle est précédée de la balise HTML <img>. Le texte n’habille pas l’image qui est centrée par rapport à la ligne de texte. Un clic sur l’image affiche un champ pour indiquer la largeur de l’image, ce qui permet de la redimensionner.
Indice#
Le texte sélectionné est placé en indice, par exemple Xn, et il est entouré des balises HTML <sub>…</sub>.
Langue#
Lorsque vous cliquez sur cet outil, il vous est demandé de spécifier une Langue (attribut de langue avec son code international) et la Direction du texte ou sens de lecture (de gauche à droite ou de droite à gauche). Le texte sélectionné est entouré des balises HTML <bdo>...</bdo> avec par exemple <bdo lang="fr" dir="ltr"> si on opte pour le français.
Mettre en évidence#
La couleur ou la couleur de l’arrière-plan du texte sélectionné sont modifiées, et il est entouré des balises HTML <mark>…</mark>.
Exemples, selon la méthode de choix de la couleur :
<mark style= »background-color:#000;color:#fff class= »has-inline-color »>Couleurs personnalisées choisies avec la pipette</mark>
<mark style="background-color:#4d34fa" class="has-inline-color has-primary-accent-color">Couleurs choisies dans la palette du thème</mark>
Notes de bas de page#
Cet outil insère, à l’emplacement du curseur, les balises <sup><a>…</a></sup> avec le nombre 1, et un bloc Notes de bas de page est automatiquement créé pour accueillir la note correspondante. À chaque utilisation de l’outil (dans une même publication), le nombre sera incrémenté de 1, et une ligne sera ajoutée dans le bloc Notes de bas de page.
Exemple : bloc<sup data-fn="810c61a3" class="fn"><a href="#810c61a3" id="810c61a3-link">1</a></sup>
Notez que l’identifiant du lien a été volontairement simplifié dans cet exemple pour faciliter la lecture.
Saisie au clavier#
Permet d’insérer du texte correspondant à une saisie à effectuer au clavier, le texte sélectionné est entouré des balises HTML <kbd>…</kbd>, et formaté avec le style css de saisie au clavier du thème.