Modifier le code source dans l’éditeur de contenu enrichi

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

    • Modifiez le code source HTML et CSS pour tous les éléments du canevas ou pour un élément spécifique.

    Créez la mise en page à l’aide d’éléments HTML, modifiez directement le CSS d’un élément pour ajouter un style qui n’est pas disponible dans l’interface du canevas, ou copiez-collez du code pour migrer du contenu à partir d’autres sources.Ajouter une bordure autour d’une ligne et personnaliser la police de l’en-tête

    Fonctionnalités et options

    Garantir la sécurité du portail
    Lorsque vous cliquez sur Appliquer dans la fenêtre Modifier le code, l’éditeur de code supprime les balises HTML susceptibles d’être utilisées pour compromettre votre instance. Pour plus d'informations, consultez HTML sanitizer.
    Identifier le code important
    La fenêtre d’édition met en évidence les fragments CSS en rouge s’ils ne doivent pas être supprimés. Cela indique soit un paramètre qui fait partie du thème du portail, soit que plusieurs éléments utilisent ce code.
    En outre, si vous supprimez une règle CSS référencée par l’un des éléments HTML suivants, l’éditeur de code rétablit la règle CSS :
    • Ligne
    • Cellule
    • Canevas
    • Diviseur
    • Bouton
    • Bloc de liens
    • Onglets
    Supprimer le code inutile
    Lorsque vous enregistrez vos modifications, l’éditeur de code supprime toutes les règles CSS inutilisées.
    Inversement, si l’éditeur de code rétablit une règle CSS que vous essayez de supprimer, mettez en surbrillance ce bloc de code CSS et cliquez sur le bouton Supprimer CSS pour remplacer l’éditeur de code.
    Figure 1. Exemple d’utilisation du bouton Supprimer CSS

    Dans la vidéo suivante, l’utilisateur tente de supprimer une règle CSS à l’aide de la clé de suppression, mais le système rétablit le code. Ensuite, l’utilisateur met le code en surbrillance et clique sur Supprimer CSS, ce qui supprime le code.

    L’utilisateur tente en vain de supprimer une règle CSS à l’aide de la touche Supprimer, il utilise donc le bouton Supprimer CSS, qui supprime le code en surbrillance
    Remarque :
    Cette fonctionnalité n’est pas disponible par défaut. Un administrateur doit activer la propriété Modifier le code . Reportez-vous à la rubrique Propriétés installées avec Content Publishing.

    Considérations importantes

    • L’ajout de code HTML et CSS personnalisés peut casser votre conception. Procédez avec prudence lorsque vous utilisez cette fonction. L’éditeur de contenu enrichi ne suit pas les changements dans l’éditeur de code, de sorte que le bouton Annuler n’annulera pas de manière fiable les changements de code.
    • Nous vous déconseillons d’utiliser des éléments HTML (tels que div ou p) pour définir les règles CSS, car cela peut avoir des conséquences inattendues.
      Figure 2. Exemple d’un résultat inattendu lors de l’utilisation d’un élément HTML pour définir une règle CSS

      Dans l’exemple suivant, l’utilisateur définit une règle CSS pour l’élément p d’une cellule. Cependant, dans l’aperçu de la page, les règles de style s’appliquent aux éléments p dans toutes les zones de texte, ainsi que dans le pied de page.

      L’utilisateur définit une règle CSS à l’aide de l’élément HTML p pour une cellule, mais la règle est appliquée à l’ensemble de la page