Arborescence :



 Facettes, par catégories :
Menu

 
Catégorie
V5 (40)
V5.01 (20)
V5.10 (16)
V5.20 (32)
V5.30 (17)
V5.31 (1)
V5.32 (5)
V5.33 (16)
V5.34 (6)
V5.35 (1)
V5.40 (29)
V5.41 (7)
V5.42 (4)
V5.43 (6)
V5.50 (1)
V5.60 (1)
V5.61 (1)
V5.70 (9)
V5.71 (4)
 
  Comment insérer ces widgets?

      5. Référence
          5.5. Gestion des idées
              5.5.3. Edition du contenu des idées
                  5.5.3.9. Editer le texte de l'idée : éditeur WYSIWYG
                      5.5.3.9.2. Insertion de liens internes
 5.5.3.9.2.4. Insérer une image (méthode alternative)  

Choisissez l'image à insérer à partir du sélecteur de fichier, et WIT l'insère à partir de la position courante du curseur, dans l'éditeur de texte.

L'image est ajoutée à l'idée courante (elle est visible avec un titre commençant par "--" dans sa liste d'images (voir le dialogue des propriétés de l'idée)), tandis que WIT crée le code HTML d'insertion (voir la note 2).

Enlever une image précédemment insérée est facile : sélectionnez la et appuyez sur la touche "Supprimer". L'image sera également supprimée des propriétés de l'idée lorsque WIT recalculera la page.

Le style CSS ".TextImage" contrôle comment cette image doit être insérée et représentée dans le texte (utilisation avancée).

Note : vous pouvez effectuer un glisser / déposer (drag & drop) d'une ou de plusieurs images, directement à partir de l'explorateur de fichiers, dans l'éditeur WYSIWYG. Si les images déposées ne sont pas correctement placées dans le texte, sélectionnez les une à une et glissez les à leur nouvel emplacement (surveillez pour cela les changements de la position du point d'insertion dans le texte lorsque vous déplacez chaque image).

Note 2 : le code HTML inséré par WIT est de la forme :

<img alt="@@chemin_initial\image.png@commentaire@@" src="chemin_calculé/image.png">

Au moment de la génération du code (soit pour la vue aperçu, soit à la génération complète du site web), WIT analyse la valeur de l'attribut  ALT grâce aux marqueurs internes @@ et @, et transforme le chemin_initial (accès local à la ressource, relatif ou absolu) en un chemin_calculé (accès relatif à la ressource vu de la page web générée), qu'il place automatiquement dans l'attribut SRC.

Entre temps, pour permettre à l'éditeur WYSIWYG d'afficher correctement les images, un chemin absolu SRC est nécessaire, ce que WIT effectue temporairement.

Par ailleurs, si un éventuel commentaire est présent dans le champ ALT (après le marqueur @), il est réutilisé dans le code final.

Concrètement, pour une image "image.png" placée dans un sous répertoire "Images" de votre projet WIT courant, vous aurez un code HTML de la forme suivante dans la vue HTML :

<img alt="@@.//Images/image.png@Commentaire@@" src="C:/Projets WIT/Images/image.png">

et dans la page web correspondante, vous aurez le code :

<img alt="Commentaire" src="../wit-icons/image.png">

(la génération du site Web a en outre copié le fichier image.png de votre répertoire de travail dans le répertoire cible qui contient les pages générées).

Corrélats :  Images ; Répertoire extra
Tasks
Date de début2007/09/22
Date d'échéance2007/09/30
Avancement (%)100 %
Date réelle de fin2007/09/22
CatégorieV5.10
Table  | Images  | Bibliography  | Glossary  | Index  | Facettes