Ajouter une image avec l’éditeur de contenu enrichi

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 4 minutes de lecture

    • Utilisez le canevas de l’éditeur de contenu enrichi pour ajouter des images à votre contenu.

    Avant de commencer

    Rôle requis : sn_cd.content_manager

    Renseignez les champs du formulaire Nouveau contenu. Reportez-vous à la rubrique Créer du contenu enrichi.

    Créez la mise en page à l’aide de modules ou de colonnes.

    Pourquoi et quand exécuter cette tâche

    L’éditeur de contenu enrichi prend en charge les types d’images suivants :
    • .jpg
    • .png
    • .bmp
    • .gif
    • .jpeg
    • .ico
    • .svg
      Remarque :
      Les gestionnaires de contenu et les administrateurs ont la possibilité d’appliquer des couleurs d’arrière-plan à certains éléments du canevas, y compris les images. Les fonctionnalités disponibles incluent l’utilisation de couleurs unies et dégradées, ainsi que des ajustements pour l’opacité des couleurs. Ces paramètres sont accessibles dans le panneau de droite sous l’onglet Settings Styling (Style des paramètres) lors de l’ajout de contenu enrichi à un élément de canevas.

    Procédure

    1. Accédez au canevas en sélectionnant le bouton Ouvrir l’éditeur dans l’onglet Conception du formulaire Nouveau contenu .
    2. Dans la colonne Blocs , utilisez une méthode de glisser-déposer pour déplacer le composant Image vers votre canevas.
    3. Cliquez dans la fenêtre contextuelle du sélecteur de fichiers pour sélectionner une image.
      Ou, si vous avez déjà sélectionné des images, sélectionnez l’image parmi les images disponibles sur le côté droit de la fenêtre contextuelle Sélectionner une image .Éditeur de contenu enrichi : fenêtre contextuelle d’image
    4. Accédez à l’onglet Paramètres .
    5. Configurez les paramètres suivants :
      Remarque :
      Lors de l’ajout d’images, de vidéos ou de texte, il existe plusieurs fonctionnalités de style fonctionnelles et pratiques qui permettent de créer du contenu enrichi et des articles d’actualité. Certaines des options du panneau de droite incluent la possibilité d’activer différents arrière-plans, opacités et ombres, des cellules et des boutons améliorés permettent des paramètres de bordure, de couleurs et de types supplémentaires, ainsi que des styles de texte, des couleurs et des polices supplémentaires, et des améliorations des paramètres de propriété du panneau de droite, qui offrent plus d’options disponibles lors de la création de contenu riche.
      Tableau 1. Options des paramètres
      Champ Paramètres Description
      Application d'un style
      Affichage Configurez l’apparence de plusieurs composants dans la même colonne, tels qu’une image et un composant de texte. Sélectionnez l’une des options suivantes :
      • Haut et bas (par défaut) : l’image apparaît au-dessus de l’autre composant.
      • Côte à côte : l’image apparaît avec l’autre composant à côté.
      Remarque :
      Pour de meilleurs résultats, définissez le même affichage pour les composants. Par exemple, si vous avez des composants d’image et de texte dans une colonne et que vous souhaitez que l’image s’affiche à gauche et que le texte apparaisse à droite, définissez les paramètres d’affichage des deux composants sur Côte à côte.
      Alignement horizontal Configurez l’emplacement d’affichage de l’image dans le conteneur. Choisissez parmi les icônes Droite, Centre et Gauche.
      Application de style avancée

      Lorsque vous insérez une image dans un conteneur, l’image fait par défaut toute la largeur du conteneur et la hauteur s’ajuste automatiquement en fonction des dimensions de l’image.
      Largeur et hauteur Spécifiez la valeur en saisissant un nombre ou en faisant glisser les côtés de l’image.
      Sélectionnez l’unité de mesure :
      • px : pixel
      • % : pourcentage
      Remplissage Le remplissage est l’espace entre le contenu et la bordure d’un élément. Spécifiez la valeur du remplissage supérieur, inférieur, droit ou gauche en entrant un nombre.
      Marge La marge est l’espace entre une ligne et un autre élément/la limite du canevas. Spécifiez la valeur du remplissage supérieur, inférieur, droit ou gauche en entrant un nombre.
      Couleur d'arrière-plan Couleur d’arrière-plan de l’élément de canevas affiche les options d’arrière-plan pour le dégradé, la couleur et l’image. Activez, puis sélectionnez les options d’arrière-plan.
      Remarque :
      L’opacité de la couleur affiche les options de dégradé et de calque de couleur. Étant donné que le calque de l’image d’arrière-plan est prioritaire, l’opacité n’est pas pertinente. Le dégradé est FFFFFF et OOOOOO par défaut.
      Propriétés
      Texte alternatif Décrivez l’apparence ou la fonction de votre image à des fins d’accessibilité.
    6. Sélectionnez Enregistrer ou Enregistrer et terminer.
      Sélectionner Enregistrer enregistre votre contenu et vous restez sur le canevas de l’éditeur de contenu enrichi. Sélectionner Enregistrer et terminer enregistre votre enregistrement et vous renvoie au formulaire Nouveau contenu.

    Que faire ensuite

    • (Facultatif) Traduisez votre contenu.

      Demandez une traduction pour votre contenu. Pour plus d'informations, consultez Prise en charge multilingue dans la bibliothèque de contenu.

      Remarque :
      Ne traduisez le contenu qu’une fois que vous avez terminé de le modifier. Pour de meilleurs résultats, nous vous déconseillons d’ajouter ou de supprimer des composants ou de modifier la mise en forme après la traduction.

      Pour créer du contenu enrichi qui est formaté différemment dans différentes langues, dupliquez le contenu et modifiez la mise en forme selon vos besoins. Ensuite, utilisez Audiences pour cibler le contenu sur les utilisateurs par langue. Reportez-vous à la rubrique Audiences.

    • Prévisualisez votre contenu à partir de l’onglet Publier .
      Remarque :
      L’aperçu du contenu est conçu pour fournir une idée générale de l’apparence de votre contenu. Le contenu peut sembler différent après publication en raison des variations de résolution de l’appareil, de la différence de thème ou de la configuration du style d’application mobile.
    • Configurez un plan de publication pour contrôler l’endroit où le contenu est livré, l’audience et la période pendant laquelle il est disponible : Créer un plan de publication pour votre contenu.