Configuration des modules d’extension pour l’éditeur HTML TinyMCE

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 4 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
    accordéon Permet de créer des sections dans un document qui peuvent être développées ou réduites pour afficher ou masquer du contenu supplémentaire.
    advlist (en anglais seulement) Extend les contrôles principaux de la barre d’outils bullist et numlist en ajoutant des formats de nombres et des types de puces de style de style liste CSS supplémentaires aux contrôles.
    align_listitems Confirme que les puces et les chiffres sont alignés avec le contenu.
    ancrage Unbouton d’ancrage/signet de la barre d’outils permet d’insérer une ancre au point d’insertion du curseur de l’éditeur. Il ajoute également l’ancrage de l’élément de menu sous le menu Insertion.
    lien automatique Crenvoie automatiquement les 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 Radapte automatiquement l’éditeur au contenu qu’il contient. Il est généralement utilisé pour empêcher l’éditeur de s’étendre à l’infini lorsque vous saisissez du texte dans la zone modifiable.
    carte de caractère Uneboîte de dialogue est envoyée à l’éditeur avec une carte de caractères Unicode spéciaux, qui ne peut pas être ajoutée directement à partir du clavier.
    Miroir de code Fournit un éditeur de code plus avancé que la zone de texte par défaut.
    Échantillon de code J’insèreet j’incorpore des extraits de code en surbrillance de couleur de syntaxe dans la zone modifiable. Il ajoute également un bouton à la barre d’outils qui ouvreune boîte de dialogue pour accepter l’entrée de code brut.
    Directivité Uncontrôle de directionnalité dds permet à la barre d’outils, ce qui permet à 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 Uneboîte de dialogue de l’éditeur vous permet d’insérer des emoji dans la zone modifiable de TinyMCE.
    Plein écran Descapacités d’édition plein écran DDS pour TinyMCE. Lorsque vous appuyez sur le bouton de la barre d’outils, la zone modifiable remplit la fenêtre du navigateur.
    image Permet d’insérer une image dans la zone modifiable TinyMCE.
    insertDateTime Pfournit un contrôle de barre d’outils et un élément de menu qui vous permettent 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 les 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 numérotées alphabétiques et les puces carrées, vous devez également activer le module d’extension Liste avancée (advlist).
    média Permet d’ajouter des éléments vidéo et audio HTML5 à la zone modifiable.
    insécable Adds un bouton permettant d’insérer des entités d’espace insécables telles que à la point d’insertion du curseur. Il ajoute également un élément de menu Espace insécable sous la liste déroulante du menu Insérer et un bouton de barre d’outils.
    saut de page Unsaut de page dds prend en charge 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 Permetd’afficher un bouton d’aperçu dans la barre d’outils qui ouvre une boîte de dialogue affichant le contenu actuel en mode d’aperçu.
    Lecture seuleNOBORDER Activezun mode en lecture seule pour les types de champs HTML .
    rechercherremplacer Unerecherche DDS et remplace les boîtes de dialogue vers TinyMCE.
    table Unefonctionnalité de gestion de table DDS pour TinyMCE, y compris les boîtes de dialogue, les menus contextuels, les barres d’outils contextuelles, les éléments de menu et les boutons de barre d’outils.
    table des matières Gémet une table des matières de base (TdC) et l’insère dans l’éditeur au 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 d’afficher les éléments au niveau du bloc dans la zone modifiable.
    Visualchars Adds la possibilité de voir des caractères invisibles comme dans la zone modifiable.
    nombre de mots

    Adds la fonctionnalité de comptage de mots dans l’éditeur TinyMCE.

    Remarque :
    Ce module d’extension n’est plus pris en charge dans les espaces de travail.
    PowerPaste Cs’appuie automatiquement sur le contenu des Microsoft Wordsources , 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 modules d’extension TinyMCE dans nos espaces de travail.

    Avant de commencer

    Rôle requis : administrateur

    Procédure

    1. Accédez à la Tout > 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) pour 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 advlist align_listitems ancrage lien automatique redimensionnement automatique code cartecode miroircode de directionnalité emoticons plein écran image insertdatetime listes de liens médias insécable pagebreak aperçu readonlynoborder searchreplace table tableofcontents visualblocks visualchars wordcount
      Modules d'extension activés accordéon advlist ancre align_listitems lien automatique code de mappage code miroirexemple émoticônes de directionnalité plein écran image insertdatetime liste de liens médias insécable page saut de page aperçu lecture seulerecherche de bordure remplacer table tableofcontents visualblocks visualchars wordcount
    3. Apporter 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 s’il est critique.