Personnaliser les attributs TinyMCE

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 5 minutes de lecture

    • Modifiez les barres d’outils TinyMCE et la hauteur par défaut des champs HTML pour personnaliser votre expérience de champ journal.

    Ajoutez ou supprimez des attributs TinyMCE de la barre d’outils TinyMCE par défaut. Les attributs TinyMCE sont appliqués aux barres d’outils TinyMCE dans la plateforme et les espaces de travail, ou à des modules d’extension spécifiques dans un enregistrement ou à des tables spécifiques dans un enregistrement. Vous pouvez également appliquer un attribut pour augmenter la hauteur des champs HTML, en agrandissant le champ HTML utilisé par les agents.

    Modifier la barre d’outils par défaut de TinyMCE

    Définissez les éléments de la barre d’outils dans vos propriétés système pour qu’ils soient activés ou désactivés tout au long Espace de travaildu .

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez à la Tous > Propriétés système > Propriétés de l'interface utilisateur.
    2. Mettez à jour la propriété Configure the editing toolbar for HTML fields(TinyMCE v5) (glide.ui.html.editor.v5.toolbar) afin d’ajouter ou de supprimer des boutons pour la barre d’outils.
      Remarque :
      Utilisez une barre verticale (« | ») pour ajouter un séparateur de section.
      Type Boutons
      Boutons par défaut bold italic underline undo redo | fontselect fontsizeselect table | forecolor backcolor link unlink | image media code | alignleft aligncenter alignright | bullist numlist fullscreen
      Boutons valides newdocument, bold, italic, underline, strikethrough, alignleft, aligncenter, alignright, alignjustify, formatselect, fontselect, fontsizeselect, table, cut, copy, paste, pastetext, searchreplace, bullist, numlist, outdent, indent, blockquote, undo, redo, link, unlink, code, forecolor, backcolor, removeformat, hr, visualblocks, subscript, superscript, charmap, image, media, fullscreen, anchor, toc, codesample, ltr, rtl, emoticons, insertdatetime, nonbreaking, pagebreak, print, visualblocks, visualchars, cut, copy
    3. Sélectionnez Enregistrer.

    Modifier la barre d’outils TinyMCE pour une table spécifique

    Définissez les attributs dans le dictionnaire TinyMCE pour déterminer quels attributs TinyMCE s’affichent dans une table spécifique.

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez à un enregistrement avec un champ de type HTML que vous souhaitez modifier.
      Par exemple, sélectionnez un enregistrement d’incident, de problème ou de connaissances.
    2. Cliquez avec le bouton droit sur l’étiquette du champ (par exemple, Corps de l’article), puis sélectionnez Configurer le dictionnaire.
    3. Dans la section Liens connexes, sélectionnez Vue avancée.
    4. Dans le champ Attributs , entrez editor.toolbar= suivi des boutons de barre d’outils souhaités.
      Par exemple, editor.toolbar=formatselect|gras, italique, souligné, barré, blockquote, subscript, exposant, removeformat|, bullist, numlist, outdent, indent|undo, redo|table hr|link unlink|image media code|visualblocks, aperçu plein écran.
      Remarque :
      • Incluez tous les éléments de la barre d’outils que vous souhaitez afficher, pas seulement les éléments de la barre d’outils que vous souhaitez ajouter.
      • Les configurations apportées au champ Attribut d’un champ sur l’enregistrement de dictionnaire associé remplacent la valeur de la propriété système glide.ui.html.editor.v5.toolbar.
      • Plusieurs attributs, tels que la hauteur, les boutons de la barre d’outils et les modules d’extension de la barre d’outils, peuvent être combinés dans le champ Attributs. Par exemple, editor.height=300,editor.plugins=table colorpicker textcolor link image media codemirror lists advlist plein écran charmap directionnalité émoticônes rh insérerdateheure page insécable imprimer rechercheremplacer nombre de mots ancre toc codesample visualblocks visualchars compat3x lien automatique align_listitems,editor.toolbar= fontselect fontsize backcolor pastetext removeformat | formatselect searchreplace undo redo | formatselect searchreplace redo | bullist numlist retrait outdent retrait alignleft aligncenter alignright | Lien vers la table des matières Dissocier l’image Média CodeSample | Code plein écran.
    5. Sélectionnez Mettre à jour.

    Changer les modules d’extension TinyMCE pour une table spécifique

    Définissez les attributs dans le dictionnaire TinyMCE pour activer ou désactiver les modules d’extension dans un champ HTML spécifique.

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez à un enregistrement avec un champ de type HTML que vous souhaitez modifier.
      Par exemple, sélectionnez un enregistrement d’incident, de problème ou de connaissances.
    2. Cliquez avec le bouton droit sur l’étiquette du champ (par exemple, Corps de l’article), puis sélectionnez Configurer le dictionnaire.
    3. Dans la section Liens connexes, sélectionnez Vue avancée.
    4. Dans le champ Attributs , saisissez editor.plugins= suivi des modules d’extension souhaités, séparés par un espace.

      Par exemple, editor.plugins=table colorpicker textcolor link image media codemirror lists advlist fullscreen charmap directionality emoticons hr insertdatetime nonbreaking pagebreak print searchreplace wordcount anchor toc codesample visualblocks visualchars compat3x autolink align_listitems.

      Remarque :
      • Incluez tous les éléments de la barre d’outils que vous souhaitez afficher, pas seulement les éléments de la barre d’outils que vous souhaitez ajouter.
      • Les configurations apportées au champ Attribut d’un champ sur l’enregistrement de dictionnaire associé remplacent la valeur de la propriété système glide.ui.html.editor.v5.toolbar.
      • Les modules d’extension autorisés sont les suivants : advlist align_listitems ancre lien automatique redimensionnement automatique code charmap bbcode code miroircode échantillon colorpicker émoticônes de directionnalité plein écran hr image insertdatetime liste de liens médias page insécable aperçu imprimer uniquementnorecherche de frontièreremplacer la table textecouleur table des matières visualblocks visualchars nombre de mots
      • Plusieurs attributs, tels que la hauteur, les boutons de la barre d’outils et les modules d’extension de la barre d’outils, peuvent être combinés dans le champ Attributs. Par exemple, editor.height=300,editor.plugins=table colorpicker textcolor link image media codemirror lists advlist plein écran charmap directionnalité émoticônes rh insérerdateheure page insécable imprimer rechercheremplacer nombre de mots ancre toc codesample visualblocks visualchars compat3x lien automatique align_listitems,editor.toolbar= fontselect fontsize backcolor pastetext removeformat | formatselect searchreplace undo redo | formatselect searchreplace redo | bullist numlist retrait outdent retrait alignleft aligncenter alignright | Lien vers la table des matières Dissocier l’image Média CodeSample | Code plein écran.
    5. Sélectionnez Mettre à jour.

    Modifier la hauteur par défaut d’un champ HTML

    Modifiez la hauteur par défaut d’un champ HTML spécifique pour augmenter la taille d’un champ journal.

    Avant de commencer

    Rôle requis : admin

    Pourquoi et quand exécuter cette tâche

    La hauteur du champ HTML est configurée par champ HTML.

    Procédure

    1. Accédez à un enregistrement avec un champ de type HTML que vous souhaitez modifier.
      Par exemple, sélectionnez un enregistrement d’incident, de problème ou de connaissances.
    2. Cliquez avec le bouton droit sur l’étiquette du champ (par exemple, Corps de l’article), puis sélectionnez Configurer le dictionnaire.
    3. Dans la section Liens connexes, sélectionnez Vue avancée.
    4. Dans le champ Attributs , entrez editor.height=X, où X est la hauteur souhaitée.
      Par exemple, editor.height=250
      Remarque :

      Les champs HTML peuvent être compris entre 72 et 2 000. Les champs HTML sont par défaut 64.

    5. Sélectionnez Mettre à jour.
    6. Pour configurer dynamiquement la hauteur des champs de formulaire à mesure que la ligne de texte augmente au lieu de fournir une hauteur spécifique, procédez comme suit :
      1. Accédez à la Tous > Propriétés système > Toutes les propriétés
      2. Dans la barre de recherche, saisissez glide.ui.html.editor.v5.enabled_plugins et sélectionnez la propriété.
      3. Dans le champ de valeur, ajoutez redimensionnement automatique.
      4. Sélectionnez Mettre à jour.
        Le module d’extension autoresize est actif.

    Modifier la taille de police par défaut d’un champ HTML

    Modifiez la taille de police par défaut d’un champ HTML spécifique pour utiliser une taille de police standard dans tous les formulaires.

    Avant de commencer

    Rôle requis : admin

    Pourquoi et quand exécuter cette tâche

    La taille de la police HTML est configurée par champ HTML.

    Procédure

    1. Accédez à un enregistrement avec un champ de type HTML que vous souhaitez modifier.
      Par exemple, sélectionnez un enregistrement d’incident, de problème ou de connaissances.
    2. Cliquez avec le bouton droit sur l’étiquette du champ (par exemple, Corps de l’article), puis sélectionnez Configurer le dictionnaire.
    3. Sélectionnez l’onglet Valeur par défaut.
    4. Dans le champ Valeur par défaut , saisissez <p style="font-size:X;"></p>, où X est la valeur par défaut.
      Par exemple :
      • Pour agrandir la police, saisissez <p style="font-size:large;"></p>
      • Pour définir la taille sur 10, entrez <p style="font-size:10pt;"></p>
    5. Sélectionnez Mettre à jour.