Passer au contenu principal

Formater un article

Utilisez des styles de texte, des blocs d'appel, des listes, des tableaux, du multimédia et plus dans l'éditeur d'article.

Écrit par Alek Toumert

Formatez vos articles publics et internes depuis l'éditeur d'article dans Knowledge pour faciliter la lecture et l'extraction des informations par les clients, collègues et AI.


Formater le texte

Il suffit de surligner votre texte pour afficher les options de mise en forme. Vous pouvez ajouter des titres, du texte en gras, en italique, du code en ligne, des liens ou aligner le texte.


Insérer un lien vers un autre article

Surlignez le texte que vous souhaitez lier à un autre article :

Une fois que vous cliquez sur l'icône de lien, une fenêtre de recherche d'article apparaîtra :

Si le titre ou le custom domain de votre article change, le lien existant redirigera automatiquement vers la nouvelle URL.


Barre d'outils de l'éditeur

La barre d'outils de l'éditeur d'Articles

Utilisez la barre d'outils en bas de l'éditeur pour effectuer les actions suivantes :

Insérer une image

Téléchargez une image ou un GIF depuis votre appareil ou collez-en un directement dans un article. Les formats supportés sont PNG, JPEG, SVG et GIF. Cliquez sur l'image pour ajouter un lien, un texte alternatif, aligner, intégrer dans le texte ou redimensionner.

Nous ne recommandons pas de copier/coller des images depuis d'autres workspaces, mais plutôt de les télécharger directement depuis votre appareil. Si un workspace d'où vous avez copié des images devient inactif, même si les images ont été ajoutées avant, elles ne seront plus visibles.

Fournir une description dans le texte alt rend l'image accessible aux moteurs de recherche et aux lecteurs d'écran.

Vous pouvez aussi choisir d'enrouler le texte autour des images. Cela vous donnera plus de flexibilité pour placer une image où vous le souhaitez dans l'article.

Lors du téléchargement d'une image ou d'un GIF, la taille maximale du fichier est de 104 Mo.

La largeur maximale d'une image est de 650 pixels, car c'est la largeur de la colonne de texte de l'article.

Note : L'absence d'images ou GIF valides après publication est généralement due à un problème de publication ou de cache.

Pour résoudre ce problème, essayez de dépublier l'article puis de le republier. Si l'image manque toujours, essayez de forcer le rafraîchissement de votre navigateur ou de vider le cache, puis réessayez. Si cela ne fonctionne pas, contactez notre équipe Support.

Intégrer une vidéo

Intégrez des vidéos via YouTube, Vimeo, Wistia, Loom, JWPlayer, Brightcove, Synthesia ou Guidde. Vous pouvez aussi intégrer du contenu Supademo (y compris mobile, html, capture d'écran et formats showcase).

Cliquez sur l'icône vidéo dans la barre d'outils pour intégrer une vidéo depuis l'un de ces sites d'hébergement en entrant directement l'URL dans la fenêtre d'intégration.

Astuce : Intégrez des YouTube Shorts dans le corps d'un article en insérant son URL selon ce modèle : https://www.youtube.com/shorts/[VIDEO_ID]

Créer un tableau

Après avoir ajouté un tableau depuis la barre d'outils, il est facile d'ajuster le nombre de colonnes et de lignes. Survolez le point à la fin de chaque ligne ou colonne pour ajouter des cellules (au-dessus, en dessous, à gauche ou à droite) ou les supprimer.

Supprimer un tableau supprimera tout le contenu à l'intérieur.

Pour changer la couleur de fond d'une cellule, sélectionnez les cellules et choisissez parmi 6 couleurs prédéfinies. Pour réinitialiser la couleur de fond, sélectionnez les cellules et choisissez blanc (la dernière option de la liste).

Redimensionnez la largeur d'une colonne de tableau en utilisant la poignée de glissement à l'intérieur.

Insérer un séparateur

Ajoutez un séparateur pour diviser votre contenu en sections. 👇


Insérer un bouton

Insérez un bouton et ajoutez un texte personnalisé avec une URL cible. Cliquez sur un bouton pour modifier le texte, le lien ou l'aligner (gauche ou centre).

Si vous devez supprimer le bouton, un lien doit d'abord être saisi, sinon l'option de suppression ciblera le champ de lien vide et ne pourra pas supprimer le bouton réel.

Une fois le lien saisi, vous devriez pouvoir sélectionner le bouton pour le supprimer, ou appuyer sur retour arrière après avoir placé le curseur après le bouton.

Note : Les articles ne supportent pas le JavaScript personnalisé ni les gestionnaires onclick. Tout bouton ajouté s'affichera comme un lien stylisé — il n'exécutera pas de JavaScript au clic. Pour ouvrir le Messenger depuis un bouton, liez-le à une page de votre app où Intercom est installé et déclenchez le Messenger via JavaScript (ex. Intercom('show')).

Insérer un bloc d'appel

Ajoutez un bloc d'appel et choisissez une couleur pour mettre en avant une information importante dans l'article.

Pour sortir du bloc d'appel et continuer à écrire dans le corps principal de l'article, cliquez simplement en dehors du bloc d'appel.

Pour supprimer le bloc d'appel, supprimez simplement le contenu puis appuyez une nouvelle fois sur la touche retour arrière.

Insérer du code

Pour ajouter un bloc de code, utilisez la barre d'outils en bas de l'éditeur ou tapez trois backticks ( ``` ) au début et à la fin de votre extrait de code. Votre bloc de code final ressemblera à ceci :

example code block
example code block

Pour ajouter du code en ligne, tapez un backtick ( ` ) au début et à la fin de votre extrait. Cela ressemblera à ceci :

Cette ligne contient du code en ligne exemple.

La fonction Insérer du code sert uniquement à afficher des blocs de code. Ce code n'est pas actif, donc les éléments, styles, scripts ou balises n'auront aucun effet sur la page.

Créer des listes à puces ou numérotées

Pour commencer une liste numérotée, tapez '1.' suivi d'un espace, puis continuez à taper. Ce sera la première ligne de votre liste et appuyer sur entrée passera au point numérique suivant. Les listes numérotées ressemblent à ceci :

  1. Première ligne

  2. Deuxième ligne

  3. Troisième ligne

Pour commencer une liste à puces, tapez un tiret ( - ) ou un astérisque ( * ), et ajoutez un espace au début d'une nouvelle ligne, puis continuez à taper. Les articles transformeront cette ligne en première ligne de votre liste à puces. Les listes à puces ressemblent à ceci :

  • Premier point

  • Deuxième point

  • Troisième point

Pour les listes imbriquées, appuyez sur tab avec le curseur sur un élément de liste. Les listes imbriquées ressemblent à ceci :

  • Point de premier niveau

  • Un autre point de premier niveau

    • Point imbriqué

      • Point imbriqué plus profond

Appuyez deux fois sur entrée pour terminer une liste.


Ajouter une section repliable

Une section repliable peut cacher des informations auxiliaires, permettant aux clients de se concentrer sur ce qui est pertinent pour eux.

Ajouter du contenu à une section repliable

Pour ajouter du contenu, sélectionnez Section repliable dans la barre d'outils, puis appuyez sur entrée à la fin du titre de la section repliable et tapez ou collez les informations existantes. Vous remarquerez que le contenu dans la section repliable sera légèrement indenté et aligné avec le titre.

Astuce pro : Utilisez la touche flèche bas deux fois pour sortir de la section repliable.

Capture d'écran le 2024-05-29 à 13-50-45.gif

Une section repliable peut inclure :

  • Texte

  • Image

  • Vidéo

  • Bouton

  • Séparateur

  • Bloc d'appel

  • Bloc de code

  • Listes

  • Section repliable imbriquée

Insérer des fichiers

Téléchargez et joignez des fichiers aux articles depuis votre appareil (PDF, CSV, JPEG, PNG, MP4). Ils apparaîtront en pièces jointes en bas de l'article comme ceci :

Image d'une pièce jointe

Note : Dans le HTML d'un article, le titre d'un article est créé avec la balise <header> (pas H1). Il n'est pas possible de modifier le format HTML des titres d'article. Cependant, vous pouvez utiliser un titre H1 dans vos articles avec le nom du titre pour les technologies d'assistance, puis utiliser des H2 ou H3 pour diviser les sections de l'article.

Avez-vous trouvé la réponse à votre question ?