Dernière modification : 22 août 2025
En tant que développeur, il arrive que les éditeurs WYSIWYG fournissent des fonctionnalités qui, lorsqu’elles sont mal utilisées, peuvent entraver l’objectif d’une marque unifiée et causer des problèmes de conception et de flux de contenu. L’éditeur de texte enrichi à l’intérieur des modules personnalisés permet désormais aux développeurs de supprimer des composants de la barre d’outils de configuration via la propriété enabled_features à l’intérieur du fichier fields.json.
Remarque : Ce qui suit s’applique aux modules personnalisés utilisant le champ de texte enrichi en développement local uniquement. L’utilisation de cette fonctionnalité ne désactivera pas la fonctionnalité des options supprimées de l’éditeur de texte enrichi, uniquement l’affichage des options. Cela s’explique par des raisons de rétrocompatibilité, de sorte que le contenu existant n’est pas affecté.

​
Comment utiliser enabled_features

Dans votre fichier fields.json où vous avez votre objet de champ de texte enrichi, vous pouvez activer certaines fonctionnalités en ajoutant les options valides de la barre d’outils dans un tableau à la propriété enabled_features, comme indiqué ci-dessous : 
// Rich text field with only Bold, Link, and Image available in the Toolbar
{
  "name": "description",
  "label": "Description",
  "required": false,
  "locked": false,
  "type": "richtext",
  "default": null,
  "enabled_features": ["bold", "link", "image"]
}
L’éditeur de contenu verra alors l’éditeur de texte enrichi avec uniquement les options incluses activées, comme illustré dans l’image ci-dessous :
Remarque : Certaines fonctionnalités, telles que le bouton Effacer les styles qui vous permet de revenir au style par défaut de l’éditeur, seront toujours activées et ne peuvent pas être supprimées. Si la propriété enabled_features est omise, toutes les fonctionnalités apparaîtront.
Un exemple de barre d'outils RTE avec les fonctionnalités activées.

​
Liste de fonctionnalités

Voici une liste des fonctionnalités qui peuvent être activées individuellement lors de l’utilisation de la propriété enabled_features.

​
Groupes de contrôles

OptionDescription
colorsContrôles de la couleur du texte et de l’arrière-plan.
fontsContrôles de la famille de polices et de la taille de police.
indentsContrôles du retrait négatif et du retrait.
listsContrôles de listes à puces et numérotées.
standard_emphasisContrôles du texte gras, italique et souligné.
advanced_emphasisContrôles de texte barré, d’exposant, d’indice et de format de code.
glyphsContrôles d’émojis, de caractères spéciaux et d’icônes. Non pris en charge dans les modules d’e-mail. Pour ajouter le sélecteur d’emoji aux modules d’e-mail, utilisez plutôt emoji.

​
Formatage de texte

OptionDescription
blockAffiche le menu déroulant du sélecteur de style.
font_familyAffiche le menu déroulant du sélecteur de police.
font_sizeAffiche le menu déroulant de la taille de la police.
boldAffiche le bouton de texte en gras.
italicAffiche le bouton de texte en italique.
underlineAffiche le bouton de texte souligné.
text_colorAffiche le bouton de couleur du texte.
background_colorAffiche le bouton de couleur d’arrière-plan.
alignmentAffiche le bouton d’alignement.
bulleted_listAffiche le bouton de liste à puces.
numbered_listAffiche le bouton de liste numérotée.
lineheightAffiche le bouton de hauteur de ligne.
outdentAffiche le bouton de retrait négatif.
indentAffiche le bouton de retrait.
strikethroughAffiche le bouton de texte barré.
superscriptAffiche le bouton d’exposant.
subscriptAffiche le bouton d’indice.
code_formatAffiche le bouton de format de code.

​
Insérer des boutons

OptionDescription
linkAffiche le bouton de lien.
imageAffiche le bouton d’image. Non pris en charge dans les modules d’e-mail.
emojiAffiche le bouton d’émoji.
personalizeAffiche l’élément de barre d’outils de personnalisation.
ctaAffiche l’élément de menu de call-to-action sous le menu d’insertion.
embedAffiche l’élément de menu d’intégration sous le menu d’insertion.
videoAffiche l’élément de menu vidéo sous le menu d’insertion.
tableAffiche l’élément de menu de tableau sous le menu d’insertion.
charmapAffiche l’élément de menu de caractères spéciaux sous le menu d’insertion.
anchorAffiche l’élément de menu d’ancrage sous le menu d’insertion.
hrAffiche l’élément de menu de ligne horizontale sous le menu d’insertion.
nonbreaking_spaceAffiche l’élément de menu d’espace insécable sous le menu d’insertion.
iconAffiche l’élément de menu d’icône sous le menu d’insertion.

​
Options avancées

OptionDescription
source_codeAffiche l’élément de menu de code source sous le menu avancé.
visual_blocksAffiche l’élément de menu d’affichage des blocs sous le menu avancé.