Incorporer des images dans des champs HTML

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

Avant de commencer

Rôle requis : le 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érer la bibliothèque d’images à l’emplacement Interface utilisateur du système > Images. Reportez-vous à la section 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 à laquelle l’image doit apparaître, ou pour modifier une image existante, cliquez sur l’image.
3. Cliquez sur l’icône Insérer/modifier une image ( ) 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. Formulaire Insérer/modifier une 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 des images de la bibliothèque d’images à plusieurs emplacements. 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, sur Choisir un fichier, localisez l’image, puis cliquez sur Charger. Si vous avez choisi le type de pièce jointe , cliquez sur Choisir un fichier, localisez l’image, puis 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, le texte saisi dans le champ Info-bulles est défini par défaut.

   Remarque :

   Pour redimensionner une image incorporée, cliquez sur l’image. Le cadre de dimensionnement s’affiche. 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 l’image en surbrillance avant que le cadre de dimensionnement n’apparaisse.
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 Ligne de base) et saisissez 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 l’image. Cliquez sur l’icône Insérer/Modifier une image et remplissez le formulaire à l’aide des mêmes tables pour l’ajout d’une image.

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