Incorporer des images dans l’éditeur HTML

Vous pouvez utiliser le sélecteur d’images de champs HTML pour intégrer 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 intégrer une image.

Pourquoi et quand exécuter cette tâche

Remarque :

Les administrateurs et les utilisateurs ayant le 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 (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 des images de la bibliothèque d’images à plusieurs emplacements. Pièce jointe : disponible uniquement dans l’enregistrement actuel
   Image	Commencez par 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 Télé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 alternatif 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 pourrait ê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 ait 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	Saisissez 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 à l’aide des mêmes tables pour ajouter une image.

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