comment intégrer dans un article une image chargée via le module Media ?
Forums:
pour ajouter une image (avec Media)
Soit l'on sait que cette image est déja hébergée sur le site, soit l'on veux d'abord l'y envoyer (nouvelle image à ajouter à un article). Dans tous les cas, après l'insertion d'une image dans le texte (et non via les controles gris plus bas), on peux éventuellement la modifier (mettre en forme, ajouter un lien sur l'image...) avec .
Pour ajouter une image, utiliser l'icone "Add media" (si elle n'y est plus, me contacter). Une petite fenetre s'ouvre, qui va afficher 2 ou 3 pages, selon les cas, avant de se refermer. Voici la 1ere page, qui permet de choisir selon les cas:
- Si "image déja là" -> choisir l'onglet de droite "My files" (ou nommé Library), 1 clic sur l'image voulue (on peux trier par date ou usage via des listes) et bouton Submit pour la récupérer dans le texte (et selection des options, submit)
- pour envoyer une nouvelle image -> rester sur l'onglet par défaut "Select a file / Tranférer" - bouton parcourir (pour la désigner sur son ordi) puis Transférer (upload vers l'hébergeur), une barre de progression de transfert s'affiche.
- l'onglet "web" permet d'afficher dans votre texte une image qui est hébergée ailleurs sur le web, en y indiquant son URL (http://nom-site.com/chemin/nomimage.jpg)
On fait "Suivant" et là, on a quelques options:
display as
|
Quand on est en train d'écrire, l'image qu'on voit s'afficher ne correspond pas à ce qui sera finallement publié ! |
Alt et Title | Si on laisse vide, drupal met automatiquement le nom de l'image |
Exemples de "display as"
défaut | apercu | résultat de la recherche |
---|---|---|
h 121 et 92 large![]() |
h 100 et 100 large![]() |
h 121 et 92 large![]() |
CKEditor insère un attribut class assez long, et aussi style, qu'on retrouve par la suite dans le 3e onglet du pop-up image
pour la mise en forme (simple URL d'image mais mise en forme et lien)
cliquer sur icone "image" le lien est par ex: /sites/jenny.bourdiol.org/files/field/image/avril.png - ne pas y toucher
Avec cette méthode, il est impossible d'envoyer une image pour l'héberger coté drupal (chez son hébergeur).
Notes techniques (maj)
Note: pour les versions Media 7.x-2.0-alpha3 et CKeditor 7.1.13