Passer au contenu principal

Mettre en forme un article

Utilisez styles de texte, encadrés, listes, tableaux, multimédia et plus dans l'éditeur d'article.

Écrit par Alek Toumert

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


Formater le texte

Sélectionnez simplement votre texte pour afficher les options de formatage. 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

Sélectionnez 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'articles 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éversez une image ou un GIF depuis votre appareil ou collez-en un directement dans un article. Les formats pris en charge sont PNG, JPEG, SVG et GIF. Cliquez sur l'image pour ajouter un lien, un texte alt, aligner, intégrer avec le texte ou redimensionner.

Nous ne recommandons pas de copier/coller des images depuis d'autres espaces de travail ; préférez les téléverser depuis votre appareil. Si l'espace de travail d'origine devient inactif, même si les images ont été ajoutées à l'article auparavant, 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 de faire enrouler le texte autour des images. Cela vous donne plus de flexibilité pour placer une image où vous en avez besoin dans l'article.

Remarque :

  • Lors du téléversement 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.

  • Des images ou GIF valides manquants après publication sont généralement dus à un problème de publication ou de cache. Pour corriger cela, essayez de dépublier l'article puis de le republier. Si l'image manque toujours, essayez d'actualiser votre navigateur de façon forcée ou de vider le cache et réessayez. Si rien ne fonctionne, contactez notre équipe Support.

Intégrer une vidéo

Intégrez des vidéos via YouTube, Vimeo, Wistia, Loom, JW Player, Microsoft Stream, Brightcove ou Synthesia. Vous pouvez aussi intégrer du contenu démo (y compris mobile, html, capture d'écran et formats vitrine) via Supademo, Clueso, Arcade, Supercut, Tella ou Storylane.

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 l'URL de la vidéo directement 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

Créez un tableau personnalisable. Par défaut il est en 3x3 et il est facile d'ajuster le nombre de colonnes et de lignes depuis l'éditeur d'articles.

Ajouter ou supprimer des colonnes

Pour ajouter une colonne, survolez le point en haut de n'importe quelle colonne pour afficher le menu de colonne. À partir de là, vous pouvez :

  • Ajouter une colonne à gauche

  • Ajouter une colonne à droite

  • Supprimer la colonne

Ajouter ou supprimer des lignes

Pour ajouter une ligne, survolez le point à gauche de n'importe quelle ligne pour afficher le menu de ligne. À partir de là, vous pouvez :

  • Ajouter une ligne au-dessus

  • Ajouter une ligne en dessous

  • Supprimer la ligne

Remarque :

  • Les tableaux ne peuvent pas être ajoutés à l'intérieur de sections repliables ou d'encadrés.

  • La suppression d'un tableau supprimera tout le contenu de ce tableau.

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

Redimensionnez la largeur d'une colonne de tableau à l'aide de la poignée de glissement.

Insérer un séparateur

Ajoutez un séparateur pour scinder 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 ou le lien, ou l'aligner (à gauche ou au centre).

Si vous devez supprimer le bouton, un lien doit d'abord être saisi, sinon l'option de suppression ciblera par défaut 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 la touche retour arrière de votre clavier après avoir placé votre curseur après le bouton.

Remarque : Les articles ne prennent pas en charge le JavaScript personnalisé ni les gestionnaires onclick. Tout bouton ajouté à un article s'affichera comme un lien stylisé — il n'exécutera pas de JavaScript lorsqu'on clique dessus. Pour ouvrir le Messenger depuis un bouton, liez-le à une page de votre application où Intercom est installé et déclenchez le Messenger là-bas via JavaScript (par ex. Intercom('show')).

Insérer un encadré

Ajoutez un bloc d'encadré et sélectionnez une couleur pour mettre en évidence des informations importantes dans l'article.

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

Pour supprimer l'encadré, supprimez simplement le contenu puis appuyez de nouveau sur la touche retour arrière de votre clavier.

Insérer du code

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

example code block
example code block

Dans le Classic Messenger et le SDK Android, les blocs de code s'affichent dans un bloc déroulant dédié avec coloration syntaxique et numéros de ligne. Les clients peuvent copier le code en un clic ou l'agrandir en plein écran pour lire des extraits plus longs plus facilement.

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 exemple de code en ligne.

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 démarrer une liste numérotée, tapez simplement '1.' et ajoutez un espace, puis continuez à taper. Cela deviendra 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 démarrer une liste à puces, tapez simplement un tiret ( - ) ou un astérisque ( * ), et ajoutez un espace au début d'une nouvelle ligne, puis continuez à taper. Les articles feront de cette ligne la première 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 lorsque votre curseur est sur un élément de la 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 masquer toute information auxiliaire, permettant aux clients de se concentrer sur les informations qui leur sont pertinentes.

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 à l'intérieur de la section repliable sera légèrement indenté et aligné avec le titre.

Astuce pro : Utilisez deux fois la touche flèche bas 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'encadré

  • Bloc de code

  • Listes

  • Section repliable imbriquée

Insérer des fichiers

Téléversez et joignez des fichiers aux articles depuis votre appareil (PDF, CSV, JPEG, PNG, MP4). Ils s'afficheront en pièces jointes en bas d'un article comme ceci :

Image d'une pièce jointe de fichier

Remarque : Dans le HTML d'un article, le titre d'un article sera 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 en-tête H1 dans vos articles avec le nom du titre pour des besoins d'accessibilité, puis utiliser des H2 ou H3 pour diviser les sections de l'article.

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