Ajouter une image à l’aide de l’éditeur de contenu enrichi

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 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

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

    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

    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 :
      Champ de paramètres Description
      Application d’un style
      Affichage Configurez l’apparence de plusieurs composants dans la même colonne, tels qu’un composant d’image et un composant de texte. Sélectionnez une option parmi les suivantes :
      • Haut et bas (par défaut) : l’image apparaît au-dessus de l’autre composant.
      • Côte à côte : l’image s’affiche avec l’autre composant à côté.
      Remarque :
      Pour de meilleurs résultats, réglez le même affichage pour les composants. Par exemple, si vous avez une image et des composants de texte dans une colonne et que vous souhaitez que l’image s’affiche à gauche et le texte à 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 de droite, de centre et de gauche.
      Application de style avancée

      Lorsque vous insérez une image dans un conteneur, par défaut, l’image a la largeur complète 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.
      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.
      Si vous sélectionnez Enregistrer , votre contenu est enregistré et vous restez sur le canevas de l’éditeur de contenu enrichi . Si vous sélectionnez Enregistrer et terminer , votre enregistrement est enregistré et vous renvoie au formulaire Nouveau contenu .

    Que faire ensuite

    • Prévisualisez votre contenu à partir du formulaire Nouveau contenu.
      Remarque :
      L’aperçu du contenu vous donne une idée générale de l’apparence de votre contenu. Le contenu peut sembler différent une fois publié en raison de variations dans la résolution de l’appareil, la différence de thème ou la configuration du style de l’application mobile.
    • (Facultatif) Traduisez votre contenu.

      Sélectionnez une autre langue pour afficher votre session ou demander une traduction pour le contenu que vous créez. Pour plus d'informations, consultez Prise en charge de la langue pour Expériences de contenu et Publication de contenu.

      Utilisez le menu déroulant Paramètres de langue pour sélectionner une autre langue dans laquelle afficher votre session ou demander une traduction pour le contenu que vous créez.
      • Changer de langue : Cela vous permet de remplacer la langue des paramètres de votre système par une autre langue. Le processus ressemble à celui permettant de modifier votre langue lors de la connexion. Pour plus d'informations, consultez Changer de langue pour Publication de contenu.
      • Traduire le contenu : lorsque vous activez la propriété système sn_cd.enable_localization_framework_integration, le contenu créé à partir de la bibliothèque de contenu affiche la sélection Traduire le contenu dans la liste déroulante Paramètres de langue . Cela vous permet de demander la traduction du contenu dans la langue que vous avez sélectionnée. Pour plus d'informations, consultez Intégration à Infrastructure de localisation.
        Remarque :
        Traduisez le contenu uniquement 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, ni de modifier le formatage après la traduction.

        Pour créer du contenu riche dont la mise en forme varie selon la langue, dupliquez le contenu et modifiez la mise en forme selon vos besoins. Ensuite, utilisez les audiences pour cibler les utilisateurs de contenu par langue. Reportez-vous à la rubrique Audiences.

    • Configurez un plan de publication pour contrôler l’endroit où le contenu est fourni, l’audience et la période pendant laquelle il est disponible : Créer un plan de publication pour votre contenu.