comment intégrer dans un article une image chargée via le module Media ?

Jenny's picture
Submitted by Jenny on Thu, 03/21/2013 - 04:50

Forums:

icone Media 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 image.

Pour ajouter une image, utiliser l'icone "Add media"  icone 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:

Options d'insertion d'une image

display as

  • defaut
  • apercu
  • résultat de recherche
 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"

Les 3 options de "display as" avec la meme image, et valeur de style générées
défaut apercu résultat de la recherche
h 121 et 92 largeschtroumpfette h 100 et 100 largeschtroumpfette h 121 et 92 largeschtroumpfette

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 image

 

image pour la mise en forme (simple URL d'image mais mise en forme et lien)

cliquer sur icone image "image" le lien est par ex:    /sites/jenny.bourdiol.org/files/field/image/avril.png - ne pas y toucher smiley
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