Plans prenant en charge cette fonctionnalité : Professional Business Enterprise
Ajouter des images à vos articles améliore la compréhension et l’engagement. Les aides visuelles clarifient les procédures complexes et illustrent les résultats souhaités plus efficacement que le texte seul. Les images simplifient les instructions, les rendant plus faciles à suivre et à comprendre. Ils améliorent l’expérience utilisateur et contribuent à l’efficacité globale de la documentation.
Il existe plusieurs méthodes pour insérer des images dans vos articles en utilisant l’éditeur Markdown ou l’éditeur avancé WYSIWYG. Chaque méthode offre son propre ensemble d’avantages et permet une personnalisation selon vos préférences.
Insérer une image dans l’éditeur Markdown
Vous pouvez insérer des images dans votre documentation avec l’éditeur Markdown de quatre façons :
Méthode 1 : Insérer l’image depuis Upload/URL
Méthode 2 : Insérer l’image depuis le sélecteur de fichiers
Méthode 3 : Insérer une image à l’aide d’Insérer fichier ()
Méthode 4 : insérer une image par glisser-déposer
Utilisation du téléversement
Pour insérer une image :
Naviguez vers l’article souhaité dans l’éditeur Markdown.
Cliquez sur l’icône Insérer image () et sélectionnez De Téléversement/URL.
Dans l’onglet Fichier, cliquez sur le bouton Choisir le Fichier .
Sélectionnez le fichier image que vous souhaitez depuis votre stockage local et cliquez sur Ouvrir.
Dans le champ Description , tapez une description pour l’image.
Cliquez sur OK.
L’image sera insérée dans l’article où le curseur est placé.
NOTE
La hauteur et la largeur de l’image ne seront pas définies par défaut
{height="" width=""}.
Si nécessaire, vous pouvez spécifier les dimensions des pixels (px) pour afficher votre image dans la documentation.
Par exemple, {hauteur="720 » largeur="1280"}.
Vous pouvez voir la taille de l’image dans la documentation dans le panneau Aperçu.
Extrait de l’URL
Pour insérer une image à l’aide d’une URL :
Naviguez vers l’article souhaité dans l’éditeur Markdown.
Cliquez sur l’icône Insérer image () et sélectionnez De Téléversement/URL.
Dans l’onglet URL , saisissez l’URL de l’image désirée.
Dans le champ Description , tapez une description pour l’image.
Cliquez sur OK.
L’image sera insérée dans l’article où le curseur est placé.
NOTE
La hauteur et la largeur de l’image ne seront pas définies par défaut
{height="" width=""}.
Si nécessaire, vous pouvez spécifier les dimensions des pixels (px) pour afficher votre image dans la documentation.
Par exemple, {hauteur="720 » largeur="1280"}.
Vous pouvez voir la taille de l’image dans la documentation dans le panneau Aperçu.
NOTE
Nous recommandons d’ajouter des images au lecteur Document360 puis de les insérer dans les articles. Lorsque vous téléchargez en utilisant l’URL de l’image, si l’image est supprimée ou renommée à l’avenir, elle apparaîtra défaillante sur les sites de la base de connaissances.
Pour insérer une image depuis le sélecteur de fichiers :
Naviguez vers l’article souhaité dans l’éditeur Markdown.
Cliquez sur l’icône Insérer image () et sélectionnez Du sélecteur de fichiers.
Le panneau Drive apparaîtra uniquement avec des fichiers au format d’image.
NOTE
Vous pouvez insérer n’importe quel nombre d’images d’un coup. La sélection d’images multiples est disponible uniquement sur les éditeurs Markdown et Advanced WYSIWYG.
Naviguez vers le dossier souhaité où l’image que vous souhaitez télécharger est disponible.
Sélectionnez l’image ou les images souhaitées et cliquez sur Insérer.
L’image sera insérée dans l’article où le curseur est placé.Si nécessaire, vous pouvez spécifier les dimensions des pixels (px) pour afficher votre image dans la documentation.
Par exemple, {hauteur="720 » largeur="1280"}.
Vous pouvez voir la taille de l’image dans la documentation dans le panneau Aperçu.
Pour insérer une image à l’aide du fichier Insert () :
Naviguez vers l’article souhaité dans l’éditeur Markdown.
Cliquez sur l’icône Insérer fichier ().
Le panneau Drive apparaîtra.
Naviguez vers le dossier souhaité où l’image que vous souhaitez télécharger est disponible.
Sélectionnez l’image et cliquez sur Insérer.
L’image sera insérée dans l’article où le curseur est placé.
NOTE
La hauteur et la largeur de l’image ne seront pas définies par défaut
{height="" width=""}.
Si nécessaire, vous pouvez spécifier les dimensions des pixels (px) pour afficher votre image dans la documentation.
Par exemple, {hauteur="720 » largeur="1280"}.
Vous pouvez voir la taille de l’image dans la documentation dans le panneau Aperçu.
Vous pouvez ajouter une image à l’éditeur en la faisant glisser de votre système local vers votre éditeur.
Les images que vous insérez dans un article par gliser-déposer seront sauvegardées automatiquement dans le lecteur Document360. Toute modification apportée à votre fichier local n’affectera pas l’image insérée.
Insertion d’une image dans l’éditeur WYSIWYG avancé
Vous pouvez insérer des images dans votre documentation à l’aide de l’éditeur WYSIWYG avancé par les méthodes suivantes :
Méthode 1 : Utiliser le menu Insertion rapide
Méthode 2 : Utilisation de la commande Tranche
Méthode 3 : Utiliser le copier-coller ou le glisser-déposer
Pour ajouter une image en utilisant le menu Insertion rapide :
Naviguez vers l’article souhaité dans l’éditeur WYSIWYG avancé.
Le menu Insertion rapide n’apparaîtra que lorsque le bloc est vide.
Cliquez sur l’icône Image () dans le menu Insertion rapide .
Un panneau d’image Insérer apparaîtra avec les options suivantes :
Téléverser depuis mon appareil : Téléverser ou glisser-déposer un fichier image depuis le stockage local de votre appareil.
Choisissez parmi le lecteur : Sélectionnez une image depuis votre lecteur Document360 à l’aide du sélecteur de fichiers.
URL externe : Collez l’URL de l’image dans le champ fourni.
Cliquez sur Insérer pour ajouter l’image à l’article.
NOTE
Le menu Insertion Rapide disparaîtra automatiquement dès que vous commencerez à taper le bloc.
Si vous effacez le contenu du bloc, le menu Insertion rapide réapparaîtra pour réutilisation.
Pour ajouter une image en utilisant la commande Barreau / :
Naviguez vers l’article souhaité dans l’éditeur WYSIWYG avancé.
Tapez
/imageet appuyez sur Entrée pour ouvrir le panneau d’options d’image.Choisissez l’une des options suivantes :
Téléverser depuis mon appareil : Téléverser ou glisser-déposer un fichier image depuis le stockage local de votre appareil.
Choisissez parmi Lecteur : Sélectionnez une image depuis votre lecteur Document360.
URL externe : Collez l’URL de l’image dans le champ fourni.
Cliquez sur Insérer pour ajouter l’image à l’article.
Vous pouvez ajouter des images à votre article en les copier-collant ou simplement en les faisant glisser-déposer dans l’éditeur :
Effectuer une opération de copier-coller pour placer l’image dans l’éditeur.
Glisser et déposer une image directement dans l’éditeur depuis le stockage local de votre appareil.
NOTE
Les images insérées par glisser-déposer sont automatiquement sauvegardées sur votre disque Document360. Les modifications apportées au fichier image sur votre appareil local n’affecteront pas l’image dans l’éditeur.
NOTE
Vous pouvez formater des images dans l’éditeur WYSIWYG avancé. Pour plus d’informations, lisez l’article sur la mise en forme des images dans l’éditeur avancé WYSIWYG.
Dépannage
Image cassée sur le site de la base de connaissances
Une image cassée est une image qui ne se charge pas sur une page web, affichant à la place une icône d’image manquante ainsi que son texte alternatif. Cela se produit généralement lorsque le fichier image est supprimé, déplacé, renommé, ou que l’URL pointant vers l’image est incorrecte ou inaccessible.
Étapes à résoudre :
Récupérez l’URL de l’image depuis la vue code de l’article dans le portail de la Base de connaissances ou en inspectant l’élément dans le site de la Base de connaissances.
Ouvrez l’URL de l’image dans un navigateur.
Si cela entraîne une erreur 404, l’image peut avoir été supprimée, déplacée ou renommée.
Assurez-vous que le fichier image existe toujours sur le même chemin et avec le même nom.
Comme bonne pratique :
Téléchargez les images directement sur le lecteur Document360 au lieu d’utiliser des URL externes.
Ajouter des images depuis Document360 Drive aide à organiser efficacement les assets et à prévenir les images cassées à l’avenir.
FAQ
Puis-je changer l’alignement d’une image dans Markdown ?
Oui, vous pouvez changer l’alignement de l’image dans Markdown.
NOTE
Pour plus d’informations, lisez l’article sur Comment aligner l’image dans Markdown ?
Quelle est la méthode recommandée pour insérer des images dans les articles ?
La méthode recommandée consiste à télécharger des images sur le lecteur Document360 et à les insérer directement dans les articles. Cela garantit la stabilité de l’image et évite les liens d’image cassés si l’image est supprimée ou renommée à l’avenir.
Puis-je personnaliser l’apparence des images insérées ?
Oui, vous pouvez personnaliser l’alignement, la taille et le style des images insérées pour répondre à vos préférences et optimiser la présentation visuelle de vos articles.
Comment puis-je garantir l’accessibilité pour les utilisateurs malvoyants lors de l’ajout d’images ?
Vous pouvez fournir un texte alternatif (texte alternatif) pour chaque image, ce qui aide les outils de lecture d’écran à décrire les images aux utilisateurs malvoyants et améliore l’optimisation pour les moteurs de recherche (SEO) de votre base de connaissances.
Comment puis-je ajouter des icônes en ligne avec le texte ?
Pour ajouter des icônes dans l’éditeur markdown, il suffit de coller l’extrait de code HTML de l’icône là où vous souhaitez qu’il apparaisse dans votre texte. Par exemple, utilisez <nor class="fa-light fa-comment"></nor> une icône de commentaire.
Si vous utilisez l’éditeur WYSIWYG avancé, placez le curseur à l’endroit où vous voulez l’icône, passez en vue code et collez le même extrait de code HTML. Après avoir collé, sauvegardez le fichier et revenez à la vue normale. Vous devriez maintenant voir l’icône alignée avec votre texte. Vous pouvez trouver ces extraits d’icônes sur des sites comme FontAwesome.
Les images copiées d’une source externe et collées dans Document360 seront-elles stockées de façon permanente ? Que se passe-t-il si la source externe est supprimée ?
Si vous copiez-collez des images d’une source externe dans Document360, elles seront stockées dans Document360 Drive. Cependant, nous recommandons de télécharger les images directement depuis le Drive plutôt que de les coller.
Si des images sont ajoutées via un lien externe et que la source originale est supprimée, les images se casseront dans Document360.