Clause de non-responsabilité: Cet article a été généré par traduction automatique.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Comment ajouter une image de fond pour un contenu textuel ?

Prev Next

Plans prenant en charge cette fonctionnalité : Professional Business Enterprise 

Pour ajouter plus d’essence à votre contenu, vous pouvez ajouter une image d’arrière-plan. L’image de fond que vous souhaitez ajouter doit être disponible sur le web. Si l’image d’arrière-plan est sur votre appareil local, vous pouvez la télécharger sur le Drive et utiliser l’URL de l’image.

Étapes pour ajouter une image de fond

  1. Accédez à Paramètres () > site de la base de connaissances > Personnaliser le site > CSS et JavaScript personnalisés dans le portail de la base de connaissances.

    Site customization options including CSS, JavaScript, and theme settings for a knowledge base.

  2. Dans l’onglet CSS personnalisé, collez l’extrait CSS ci-dessous dans le panneau.

.bgimg 
{ 
background-image: url("IMAGE_URL"); 
} 
  1. Dans l’extrait ci-dessus :

    • Le nom de la classe est .bgimg. Vous pouvez le remplacer selon les besoins.

    • IMAGE_URL - Ajoutez l’URL de votre image d’arrière-plan souhaitée.

  2. Cliquez sur Enregistrer.

  3. Naviguez vers l’article souhaité et ajoutez l’extrait suivant dans l’éditeur :

<p class="bgimg">Text_content</p> 
  • Text_content - Ajoutez le contenu textuel souhaité.

  • bgimg - Si vous changez le nom de la classe, reproduisez les mêmes changements dans ce champ.

<div class="bgimg" style="background-image:url('Image URL');">
                               
##    Heading 2   
* [ Formatting Commands](/v1/docs/md-5#testheading)
* [Punctuation & Symbols](/v1/docs/clone-html-image-vertical-alignment)
* Dates & Times
* Numbers, Dollars & Cents       
</div>

Ce code crée une section stylisée avec une image de fond et affiche une liste formatée de liens et de texte à l’intérieur. Il utilise une <div> avec une image d’arrière-plan, un titre et une liste à puces de liens et de texte pour la navigation ou la référence.

  • bgimg - Cela représente le nom de la classe. Vous pouvez personnaliser selon vos besoins.

  • URL de l’image : Ajoutez l’URL de l’image souhaitée.

NOTE

Pour ajouter une image d’arrière-plan pour le texte dans l’éditeur WYSIWYG ou Advanced WYSIWYG, il suffit d’utiliser le code HTML ci-dessus dans la vue Code () de l’éditeur. Remplacez Text_content par le texte souhaité et cliquez sur Aperçu pour voir le résultat.

  1. L’image de fond souhaitée apparaît pour le contenu textuel dans votre base de connaissances.

Code snippet showing CSS for setting a background image in a web application.