Incorporer des images dans l’éditeur HTML

Vous pouvez utiliser le sélecteur d’images du champ HTML pour incorporer des images dans des champs HTML et pour ajouter des images à la bibliothèque d’images.

Avant de commencer

Rôle requis : rôle nécessaire pour mettre à jour l’enregistrement qui contient le champ HTML. Par exemple, n’importe quel utilisateur disposant d’un rôle peut créer un article de la base de connaissances et y incorporer une image.

Pourquoi et quand exécuter cette tâche

Remarque :

Les administrateurs et les utilisateurs disposant du rôle image_admin gèrent la bibliothèque d’images à l’adresse suivante : Interface utilisateur du système > Images. Voir Stockage d’images dans la base de données .

Procédure

1. Ouvrez le formulaire qui contient le champ HTML.
2. Cliquez sur la position d’affichage de l’image ou, pour modifier une image existante, cliquez sur l’image.
3. Cliquez sur l’icône Insérer/modifier une image (icône ) dans la barre d’outils de l’éditeur HTML.
4. Dans le formulaire Insérer/Modifier une image, saisissez des informations dans chaque champ.

   Tableau 1. Insérer/modifier un formulaire d’image

   Champ	Description
   Type	Sélectionnez le type d’image. Bibliothèque d’images : images stockées dans la table db_image. Vous pouvez réutiliser les images de la bibliothèque d’images à plusieurs endroits. Pièce jointe : disponible uniquement dans l’enregistrement actuel
   Image	Commencez à saisir un nom de fichier et sélectionnez une image dans la liste, ou cliquez sur l’icône de recherche de référence et sélectionnez une image. Pour charger une nouvelle image, cliquez sur Nouveau, cliquez sur Choisir un fichier, localisez l’image et cliquez sur Télécharger. Si vous avez choisi le type de pièce jointe , cliquez sur Choisir un fichier, localisez l’image et cliquez sur Joindre.
   Info-bulle	Saisissez un texte de remplacement qui s’affiche lorsqu’un utilisateur pointe sur l’image.
   Alternative	Saisissez un texte de remplacement qui peut être utilisé pour améliorer l’accessibilité. Par exemple, il peut être utilisé avec un lecteur d’écran. Si ce champ est laissé vide, il utilise par défaut le texte saisi dans le champ Info-bulle .

   Remarque :

   Pour redimensionner une image incorporée, cliquez sur l’image. Le cadre de dimensionnement apparaît. Faites glisser un point de dimensionnement jusqu’à ce que l’image atteigne la taille souhaitée. Les points d’angle ajustent la taille proportionnellement. Selon votre navigateur, vous devrez peut-être mettre en surbrillance l’image avant l’affichage du cadre de dimensionnement.
5. Facultatif : Pour fournir un contrôle supplémentaire sur l’apparence d’une image, cliquez sur Options avancées.

   Tableau 2. Options avancées

   Champ	Description
   Mise en page	Sélectionnez l’alignement de l’image (la valeur par défaut est Baseline) et entrez l’épaisseur de la bordure.
   Espacement	Entrez le nombre de pixels horizontaux et verticaux autour de l’image.
   Taille	Entrez la largeur et la hauteur de l’image (en pixels).

6. Cliquez sur OK.
7. Facultatif : Collez une image dans l’éditeur HTML.
   Pour modifier l’image, enregistrez l’entrée, puis sélectionnez-la. Cliquez sur l’icône Insérer/modifier une image et remplissez le formulaire en utilisant les mêmes tables pour ajouter une image.

   Les images collées sont enregistrées dans le système en tant que pièces jointes.