Configuration des modules d’extension pour l’éditeur HTML TinyMCE
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.
| 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. |
| advlist | Étend les contrôles de barre d’outils principaux bullist et numlist en ajoutant des formats de nombres de style CSS et des puces supplémentaires aux contrôles. |
| align_listitems | Confirme que les puces et les chiffres sont alignés avec le contenu. |
| ancrage | Ajoute un bouton d’ancrage/signet à la barre d’outils qui insère une ancre 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 saisissez 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. |
| carte de caractères | 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. |
| Directivité | 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. |
| Modifierimage | Ajoute des options d’édition pour les images dans la zone modifiable TinyMCE. |
| É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 capacités 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. |
| aide | Permet aux utilisateurs de vérifier les raccourcis pratiques, la navigation au clavier pour l’accessibilité et TinyMCE. |
| 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 numérotées alphabétiques et les puces carrées, vous devez également activer le module d’extension Liste avancée (advlist). |
| média | Vous permet d’ajouter des éléments vidéo et audio HTML5 à la zone modifiable. |
| insécable | Ajoute un bouton pour 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 en 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 table à 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 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 d’afficher 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 puissante | 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 modules d’extension TinyMCE dans nos espaces de travail.
Avant de commencer
Rôle requis : admin