Configuration des plugins pour l’éditeur HTML TinyMCE

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 5 minutes de lecture
  • L’éditeur HTML TinyMCE est un éditeur de texte enrichi puissant, flexible et personnalisable. Vous pouvez configurer et étendre l’éditeur à l’aide de modules d’extension.

    Tableau 1. Modules d’extension pris en charge dans l’éditeur HTML TinyMCE
    Nom du module d'extension Description
    a11ychecker Vous permet de vérifier le HTML dans l’éditeur pour divers problèmes d’accessibilité WCAG et Section 508. Il dispose d’une fonction de réparation automatique qui permet à l’utilisateur de résoudre les problèmes identifiés.
    accordéon Permet la création de sections dans un document qui peuvent être développées ou réduites pour afficher ou masquer du contenu supplémentaire.
    liste d’avocats Étend les contrôles de barre d’outils core bullist et numlist en ajoutant des formats de nombres de style CSS et des types de puces supplémentaires aux contrôles.
    align_listitems Confirme que les puces et les chiffres sont alignés avec le contenu.
    ancre Ajoute un bouton d’ancrage/signet à la barre d’outils qui insère un point d’ancrage au point d’insertion du curseur de l’éditeur. Il ajoute également l’ancre de l’élément de menu sous le menu Insertion.
    Lien automatique Crée automatiquement des liens hypertexte lorsque vous entrez une URL valide et complète. Par exemple, www.example.com est converti en http://www.example.com.
    redimensionnement automatique Redimensionne automatiquement l’éditeur en fonction du contenu qu’il contient. Il est généralement utilisé pour empêcher l’éditeur de s’étendre à l’infini lorsque vous entrez du texte dans la zone modifiable.
    charmap Ajoute une boîte de dialogue à l’éditeur avec une carte de caractères Unicode spéciaux, qui ne peut pas être ajoutée directement à partir du clavier.
    CodeMirror Fournit un éditeur de code plus avancé que la zone de texte par défaut.
    Exemple de code Insérez et incorporez des extraits de code en surbrillance de couleur de syntaxe dans la zone modifiable. Il ajoute également un bouton à la barre d’outils qui ouvre une boîte de dialogue pour accepter les entrées de code brut.
    Directionnalité Ajoute des contrôles de directionnalité à la barre d’outils, permettant à TinyMCE de mieux gérer les langues écrites de droite à gauche. Il ajoute également un bouton de barre d’outils pour chacune de ses valeurs, ltr pour le texte de gauche à droite et rtl pour le texte de droite à gauche.
    Émoticônes Ajoute une boîte de dialogue à l’éditeur qui vous permet d’insérer des emoji dans la zone modifiable TinyMCE.
    Plein écran Ajoute des options d’édition en plein écran à TinyMCE. Lorsque vous appuyez sur le bouton de la barre d’outils, la zone modifiable remplit la fenêtre du navigateur.
    image Vous permet d’insérer une image dans la zone modifiable TinyMCE.
    insertDateTime Fournit un contrôle de barre d’outils et un élément de menu qui vous permet d’insérer la date et l’heure actuelles dans la zone modifiable au point d’insertion du curseur.
    Lien Vous permet de lier des ressources externes, telles que des URL de sites web, au texte sélectionné dans leur document.
    listes Vous permet d’ajouter des listes numérotées et à puces à TinyMCE. Pour activer les listes avancées, telles que les listes alphanumériques et les puces carrées, vous devez également activer le module d’extension Liste avancée (advlist).
    Médias Permet d’ajouter des éléments vidéo et audio HTML5 à la zone modifiable.
    insécable Ajoute un bouton permettant d’insérer des entités d’espace insécables, par exemple au point d’insertion du curseur. Il ajoute également un élément de menu Espace insécable sous la liste déroulante du menu Insertion et un bouton de barre d’outils.
    saut de page Ajoute la prise en charge des sauts de page et vous permet d’insérer des sauts de page dans la zone modifiable. Cette capacité est utile lorsqu’un CMS utilise un séparateur spécial pour diviser le contenu en pages.
    aperçu Ajoute un bouton d’aperçu à la barre d’outils qui ouvre une boîte de dialogue affichant le contenu actuel en mode d’aperçu.
    readonlynoborder Active un mode lecture seule pour les types de champs HTML.
    RechercherRemplacer Ajoute des boîtes de dialogue de recherche et de remplacement à TinyMCE.
    Table Ajoute des fonctionnalités de gestion de tables à TinyMCE, notamment des boîtes de dialogue, des menus contextuels, des barres d’outils contextuelles, des éléments de menu et des boutons de barre d’outils.
    Table des matières Génère une table des matières (TdC) de base et l’insère dans l’éditeur au niveau du point d’insertion du curseur. Les entrées de table des matières sont générées à partir d’éléments d’en-tête dans le contenu.
    blocs visuels Permet de voir les éléments de niveau bloc dans la zone modifiable.
    VisualChars Ajoute la possibilité de voir les caractères invisibles comme dans la zone modifiable.
    Nombre de mots

    Ajoute la fonctionnalité de comptage des mots à l’éditeur TinyMCE.

    Remarque :
    Ce module d’extension n’est plus pris en charge dans les espaces de travail.
    pâte à sous Nettoie automatiquement le contenu des Microsoft Word sources , Microsoft Excel, Google Docs et HTML pour créer un contenu propre qui correspond à l’apparence du site.
    Remarque :
    L’ajout d’un module d’extension personnalisé aux modules d’extension valides peut entraîner des résultats inattendus.

    Modifier les modules d’extension de l’éditeur HTML TinyMCE

    Configurez les plugins TinyMCE dans nos espaces de travail.

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez à Tous > Propriétés système > Propriétés de l’interface utilisateur.
    2. Mettez à jour la configuration du module d’extension pour la propriété du champ HTML (TinyMCE v6.8.3) (glide.ui.html.editor.enabled_plugins) afin de configurer les modules d’extension.

      Utilisez une barre verticale (« | ») pour ajouter un séparateur de section.

      Tableau 2. Modules d’extension pour l’éditeur HTML TinyMCE
      Type Modules d'extension
      Modules d’extension par défaut
      • accordéon
      • liste d’avocats
      • align_listitems
      • ancre
      • Lien automatique
      • redimensionnement automatique
      • charmap
      • CodeMirror
      • Exemple de code
      • Directionnalité
      • Émoticônes
      • Plein écran
      • image
      • insertDateTime
      • Lien
      • listes
      • Médias
      • insécable
      • saut de page
      • aperçu
      • readonlynoborder
      • RechercherRemplacer
      • Table
      • Table des matières
      • blocs visuels
      • VisualChars
      • Nombre de mots
      Modules d’extension activés
      • a11ychecker
      • accordéon
      • liste d’avocats
      • align_listitems
      • ancre
      • Lien automatique
      • charmap
      • CodeMirror
      • Exemple de code
      • Directionnalité
      • Émoticônes
      • Plein écran
      • image
      • insertDateTime
      • Lien
      • listes
      • Médias
      • insécable
      • saut de page
      • aperçu
      • readonlynoborder
      • RechercherRemplacer
      • Table
      • Table des matières
      • blocs visuels
      • VisualChars
      • Nombre de mots
    3. Apportez des modifications (ajouter/supprimer) dans la propriété des modules d’extension activés.
    4. Sélectionnez Enregistrer.
      Si un module d’extension personnalisé est ajouté aux modules d’extension activés, il n’est pas recommandé sauf si cela est critique.