Episode 32 - Insérer des images dans un article sous Drupal 7

Portrait de DrupalFacile
Soumis par DrupalFacile le ven, 14/01/2011 - 13:24

Découvrez comment insérer des images dans un article pour enrichir vos publications et passer outre la limitation intrinsèque de Drupal 7 d'une seule image pour illustrer un type de contenu publié. A partir du module Wysiwyg, vous créerez un pont avec IMCE en installant le module IMCE Wysiwyg bridge.

Niveau: 
Débutant

Tags:

Partager

Commentaires

Portrait de Didier Misson

Didier Misson

ven, 14/01/2011 - 23:46

Bonsoir,

Merci pour la vidéo, super claire comme d'habitude ;-)

ça semble hyper facile. J'utilisais déjà IMCE en Drupal 6.

J'ai donc fait l'installation.
J'ai installé et activé les 2 modules IMCE et IMCE wysiwyg bridge.
J'ai remplacé WYMeditor (qui n'est pas supporté par IMCE wysiwyg bridge) par CKEditor.
J'ai créé le profile IMCE.
J'ai modifié le profile Wysiwyg pour avoir CKEditor, mais quand je vais dans la liste des boutons de CKEditor, pas de bouton "IMCE" !
Je n'ai donc pas pu le cocher ...

Je ne vois pas pourquoi je n'ai pas ce bouton IMCE activable :-(

Une idée ?

Merci,

Bonne soirée ;-)

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de Didier Misson

Didier Misson

sam, 15/01/2011 - 00:08

Je viens de réinstaller en vitesse un Drupal 7.0 avec uniquement le minimum :
- wysiwyg
- CKEditor
- IMCE
- IMCE wysiwyg bridge

et ok... quand je vais dans le profile de CKEditor, j'ai bien un bouton IMCE ! Et j'ai le bouton "Explorer le serveur" lors de l'insertion d'une image dans la création de contenu.

Je n'ai évidemment aucune idée du pourquoi j'ai ce bouton IMCE dans cette nouvelle installation, et pas dans mon site normal...

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de Didier Misson

Didier Misson

sam, 15/01/2011 - 00:36

Ok, j'ai réussir à faire fonctionner IMCE et IMCE wysiwyg bridge.

Je partais donc d'un site Drupal 7 existant. Le bouton "IMCE" n'apparaissait pas dans la liste des boutons de CKEditor.

J'ai fait du nettoyage :
- j'ai désactivé IMCE Wysiwyg Bridge, IMCE et Wysiwyg
- je les ai désinstallé (ce qui normalement nettoie la base de données)
- j'ai supprimé les dossiers dans sites/all/modules (ce n'était probablement pas indispensable...)
- j'ai réinstallé les 3 modules depuis l'interface Web Drupal
- réactivé
- la suite comme dans la vidéo : profile IMCE, profile Wysiwyg, etc
- et cette fois, le bouton IMCE est bien dans la liste des boutons de CKEditor

et ça fonctionne ! Je peux insérer une image. J'ai le bouton "Explorer le serveur".

Donc, c'était probablement une crasse qui subsistait dans une config ... n'oublions pas que plusieurs modules sont encore en développement.

Merci pour la vidéo.

;-)

ps : j'avais déjà essayé avant que Drupalfacile ne publie la vidéo. Mon échec n'était donc pas du à un module en béta ou développement, mais à des crasses restant dans mes configs. Je n'avais pas pensé à tout désinstaller pour réessayer.

Bon WE

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de DrupalFacile

DrupalFacile

sam, 15/01/2011 - 10:17

Bon, le principal c'est que ça fonctionne désormais mais avec les versions de développement, parfois il se passe des choses bizarres. Avant de me résoudre à faire la vidéo avec IMCE je voulais tenter une nouvelle fois avec le module Media mais c'est encore trop instable pour être utilisé...

www.drupalfacile.org
Apprenez Drupal en vidéo et en français !

Portrait de Didier Misson

Didier Misson

dim, 16/01/2011 - 03:27

Oui !
C'est bien le risque des versions de développement : parfois ça ne fonctionne pas et ça laisse des crasses.
Il faut désinstallé, parfois nettoyer même manuellement...
Mais ok, ici, désinstalle / réinstalle et ça a fonctionné.
;-)

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de Corto

Corto (non vérifié)

sam, 15/01/2011 - 20:31

ce tuto tombait à point... 4 jours que je galère avec ce souci d'upload d'images...

malheureusement toujours pas résolu.... j'ai aussi tout desisntaller et réinstaller dedonné les autorisations necessaire...

ça upload.... mais impossible ensuite d'integrer l'image dans l'article... d'ailleurs une fois uploader... on ne la visualise pas, on voit juste le fichier..comme si il y avait un probleme d'affichage....

une idée? est-il possible que ce soit un pb avec la base de donnée? ( 1&1)

Portrait de Didier Misson

Didier Misson

dim, 16/01/2011 - 03:29

Si tu as bien vérifié les droits, je ne vois pas.
La Base de donnée ? C'est un nouveau site ?
Peux-tu réessayer sur 1&1 sur un nouveau site, nouvelle base de données ?

Je n'ai pas d'autres idées pour le moment.

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de tykern

tykern

sam, 15/01/2011 - 20:46

pour moi ça ne fonctionne toujours pas. J'y suis depuis plusieurs jours sur ce problème.

j'ai aussi tout désinstallé et réinstallé, donné les autorisation nécessaires, rien n'y fait... l'image s'upload correctement, mais ensuite, elle ne se charge pas dans l'article, et n'est même pas visible dans le preview...

cela peut-il être un souci de base de données et d'autorisation.. j'ai un peu épuisé les idées que mes compétences permettent d'avoir..

en tout cas ces tutos videos sont top..

Portrait de Didier Misson

Didier Misson

dim, 16/01/2011 - 03:25

Simple question : www-data a bien les droits d'accès sur votre dossier ../sites/monsite.fr/files ...

Ce n'est peut-être pas cela, mais je pose la question...
;-)

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de tykern

tykern

dim, 16/01/2011 - 03:31

qu'appelez vous les droits d'accès? et comment le vérifier et les attribuer le cas échéant?

Portrait de Didier Misson

Didier Misson

dim, 16/01/2011 - 04:57

ce sont les droits sur les dossiers et fichiers : dans ce cas précis : est-ce que le serveur Web a bien les droits pour écrire dans les dossiers, car s'il ne sait pas le faire, il ne pourra pas sauver l'image que vous avez téléchargé avec IMCE.

C'est une installation en Linux ou Windows ?

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de charrier

charrier

lun, 17/01/2011 - 12:58

Bonjour,

Explications claires et qui fonctionnent. Vivement la même chose pour des fichiers PDF et vidéo !

Portrait de lubbin

lubbin

lun, 17/01/2011 - 23:34

Un peu d'arrachage de cheveux plus tard et d'expérimentations aléatoires, j'ai trouvé ce qui marchait pour moi:
je n'avais pas coché "site owner" pour ce nouveau profil dans l'onglet 'IMCE' (admin/config/media/imce)
Seul "Administrator" était coché

LUBBIN
(graphiste-illustrateur)

Portrait de buzz le grand

buzz le grand (non vérifié)

lun, 24/01/2011 - 19:44

merci pour le tuto video .... c'est clair et bien fait....

alors petite question ?
tous fonctionne bien cher moi .
mais je me demande comment integrer la photo en background ;-) ...
<"sans rentrer dans le code biensûr">

dans tous les cas merci baucoup

Portrait de EnfantCauchemard

EnfantCauchemard (non vérifié)

mer, 26/01/2011 - 07:57

Super cool, bien fait ! Mais sérieux c'est quand que l'on arrête avec ces tuto vidéo pas pratique !!! ?
Vive le libre... Vive youtube ? ou vive drupal ?
Le jour ou youtube décide pour une raison ou une autre, volontairement ou non de ne plsu diffusé entre autre cette vidéos ? Y vous reste quoi !!!

Mais qui y a parlé de minitel 2.0 ?

C'est tres bien, mais ca dérive !

EnfantCauchemard

Portrait de DrupalFacile

DrupalFacile

mer, 26/01/2011 - 09:20

Bonjour,

YouTube est le seul format accessible par à peu près tout le monde avec un fallback HTML5. Si vous avez une alternative libre où tout le monde peut accéder à l'information, y compris depuis les périphériques mobiles (iPhone, iPad etc...), je suis preneur.

Et puis le jour où YouTube s'arrête (on est dans la 4ème dimension là), je les republierai sur autre chose bien sûr.

Aurélien

www.drupalfacile.org
Apprenez Drupal en vidéo et en français !

Portrait de Didier Misson

Didier Misson

sam, 29/01/2011 - 03:18

Problème étrange avec CKEditor : quand je reprend un article existant, je l'édite : j'ai un rectangle blanc, vide, à la place de l'éditeur Wysiwyg !
Pas d'icone, pas de texte visible :-(

Le fait de cliquer sur "désactiver le texte riche, ou de sélectionner un autre format de texte, n'arrange rien !

Si je vais dans Performance, je vide le cache : l'éditeur Wysiwyg fonctionne quand je crée un nouvel article, mais PAS que je reprend un existant ! ... et pire... dés qu'il a déconné une fois (rectangle vide), il ne fonctionne plus même avec un nouveau contenu : obligé de vider le cache...

et vider le cache n'arrange rien pour éditer un contenu existant.

J'ai fait quelques essais sur d'autres éditeur :

- WYMEditor : j'adore ! (manque juste quelques boutons) mais PAS de lien avec IMCE
- Tinyeditor : n'a pas semblé fonctionner chez moi : je n'ai jamais eu les icones
- NICedit : simple, facile, mais PAS de bouton IMCE

Pénible tout ça ... ça aurait du être de base l'insertion de photos :-(

Bizarre que j'ai eu ça ce soir, et sur plusieurs sites...
peut-être la mise à jour d'un module ? (je n'ai pas fait trop attention en lançant Drush)

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de DrupalFacile

DrupalFacile

sam, 29/01/2011 - 12:20

Ah oui là le moins qu'on puisse dire c'est que c'est étonnant. Parfois des modules instables rendent la vie très pénible et voilà peut-être encore un exemple.

J'attends que la solution avec le module Media soit fonctionnelle pour en parler ici-même et faire un pont stable avec Wysiwyg / CKEditor (la librairie) / Media ou directement CKEditor (le module) / Media.

Encore un peu de patience...cheeky

www.drupalfacile.org
Apprenez Drupal en vidéo et en français !

Portrait de Didier Misson

Didier Misson

sam, 29/01/2011 - 12:23

Oui, Media est TRÈS prometteur !
Je devrais le retester, car la dernière fois, il était totalement inutilisable en Drupal 7...
Je te tiens au courant pour le problème avec CKEditor, qui à mon avis est un problème Drupal Wysiwyg car CKEditor n'a pas changé de version depuis des semaines.

Didier Misson

http://drupal.culbutte.be - 1er Drupal Users Group en Belgique francophone

Portrait de Daidy

Daidy (non vérifié)

mar, 08/02/2011 - 16:05

Super site, super vidéos, merci !
Pour ma part j'ai le problème suivant avec IMCE : lorsque je ferme le browser après avoir choisi une image ou même simplement en annulant, je ne peux plus éditer l'article ni cliquer sur quoi que ce soit. Le fond blanc transparent qui est apparu avec le popup IMCE ne disparaît pas...
Du coup plus rien n'est accessible alors que je vois sous ce fond transparent la page normale. Plutôt frustrant...
Une idée ?

Portrait de dially

dially (non vérifié)

dim, 13/02/2011 - 20:39

bonsoir
Même problème que Daidy, sans avoir été jusqu'à l'installation de IMCE, qui me parait bien prise de tête.
A quand une solution simple intégrant d'office un uploader d'images dans un éditeur de texte?
Sinon, super site...

Portrait de Jerome

Jerome (non vérifié)

lun, 14/03/2011 - 22:51

Bonjour,
Tout d'abord mes plus vifs remerciements pour cet excellent site qui me rend l'accès à Drupal 7 moins anxiogène.
Pour aujourd'hui, tout va bien si ce n'est que je n'ai pas le bouton "explorer le serveur".
Si quelqu'un a un conseil magique.

Merci d'avance et encore bravo.

Jérôme

Portrait de Diane

Diane (non vérifié)

lun, 04/04/2011 - 13:06

J'ai eu le même souci. J'avais oublié d'attacher le profil IMCE à un profil utilisateur.

Portrait de éric

éric (non vérifié)

jeu, 02/02/2012 - 11:22

Bonjour Jérôme,

je suis dans le même cas que vous. Avez-vous trouvé une solution?
Cdlt

Portrait de Lapinx

Lapinx (non vérifié)

mar, 19/04/2011 - 07:39

Pour ma part, Drupal est une machine infernale dont ne devraient se servir que des spécialistes. Modules pour ajouter une image, module Views pour afficher un sommaire des nouveaux articles, module pour ci, module pour ça, comment un CMS peut-il être aussi handicapé et compliqué? Après plusieurs mois de création de sites, dont l'essentiel du temps est alloué à la recherche de solutions à des choses simples et à donner de la formation aux utilisateurs pour leur faire comprendre comment publier et classer un article, je ne crois plus à la simplicité promise par les aficionados de Drupal.

Portrait de DrupalFacile

DrupalFacile

mar, 19/04/2011 - 13:22

Bonjour,

La courbe d'apprentissage de Drupal peut certes paraître longue et parfois compliquée mais il n'en reste pas moins que c'est l'outil qui permet d'aller le plus loin sans toucher à une ligne de code. Quant aux "handicaps" cités c'est en fait voulu car contrairement à d'autres produits, Drupal ne se revendique pas comme un outil CMS packagé. C'est pour cela qu'on parle plus volontiers de CMF (Content Management Framework) car il permet de partir d'une base minimaliste pour construire le site souhaité avec seulement les éléments (modules) dont on a réellement besoin.

Cela peut paraître étonnant mais le fait qu'il ne soit pas packagé avec un éditeur de texte WYSIWYG est une décision réfléchie qui permettra à chacun de décider s'il a besoin de cette couche supplémentaire ou pas. Si oui, il aura même le luxe de choisir son éditeur préféré.

Aurélien

www.drupalfacile.org
Apprenez Drupal en vidéo et en français !

Portrait de lapinx

lapinx (non vérifié)

jeu, 21/04/2011 - 09:22

Bonjour,

il est vrai que Drupal n'est pas limitatif au niveau de la création (champs, rubriques et fonctions) et qu'il offre une certaine souplesse à ce niveau et je comprends bien l'aspect volontairement minimaliste de la base que vous faites bien valoir. Cependant, ce que j'ai ressenti à l'utilisation et que j'exprimais est qu'il faut bien aimer peser sur des boutons pour affiner la présentation et cliquer ici et là aux bons endroits pour utiliser avec succès les outils et modules, d'où il résulte une certaine perte de liberté alors même que l'on voudrait paradoxalement la favoriser. Il y a bien là une inflation et une complexification alors que la ligne de code aurait pu suffire.

Portrait de cyberpunk

cyberpunk (non vérifié)

sam, 21/05/2011 - 17:47

Bonjour,

J'ai bien suivi la vidéo, le menu s'affiche bien mais quand je clic sur image, je n'ai pas l'option explorer le serveur!
Pouvez-vous me dire de quoi cela pourrait venir?

Ps: Je vous félicite pour toutes ces vidéo qui son super bien faites!!! ;)

Portrait de helderleite

helderleite (non vérifié)

mer, 22/06/2011 - 18:18

j'ai une simple question moi le php me bloque à 1.46mo max pour envoyer les photo malgré que j'ai mis tout a zéro comme dans la vidéo et merci d'avance.

Portrait de Olivier

Olivier (non vérifié)

jeu, 18/08/2011 - 10:00

Bonjour,
Après avoir plusieurs heures à comprendre ce qu'il n'allait pas, je vous expose mon problème et sa "solution".
J'ai installé IMCE et Wysiwyg_IMCE avec CKeditor. J'ai le bouton Explorer le serveur et je peux uploader une image. Simplement, je n'ai pas d'aperçu ni dans le pop-up ni dans mon article (seul un icone de feuille déchirée). Je me suis aperçu quand désactivant le .htaccess du répertoire files,où se trouvent mes images, ces dernières réapparaissaient et mon problème était réglé.
Seulement voilà, je suppose que ce fichier .htaccess n'est pas là par hasard et qu'en le désactivant, je provoque une faille de sécurité... qui aurait une idée plus conventionnelle ?

Je profite de mon post pour féliciter l'auteur du site car les vidéos sont vraiment très bien faites et m'ont permis de démarrer rapidement sous Drupal.

Portrait de éric

éric (non vérifié)

jeu, 02/02/2012 - 10:24

Bonjour,

je viens de regarder votre vidéo (un grand merci!) mais je bloque sur un point.
Je n'ai pas le bouton Explorer (vidéo 6mn40).
J'ai bien installé IMC Wysiwyg & ai bien créé un dossier images sous drupal (www/drupal/images)
Avez-vous une idée?
D'avance merci

éric

Portrait de Orewan

Orewan (non vérifié)

mer, 08/02/2012 - 20:55

Bonjour à tous,

Tout d'abord je suis un grand fan de ce site qui est très bien fait. Merci à tous tes tutos qui m'aident grandement.

J'ai eu beaucoup de mal à installer IMCE correctement et j'ai recommencé en installant un nouveau drupal 7. Mon erreur a été d'installer CKeditor comme module et non dans la librairie ("libraries").

Pour tout ceux qui ont du mal, je recommande de suivre le tuto "http://www.drupalfacile.org/comment/12011" "Episode 7 - Installer un éditeur WYSIWYG dans Drupal 7 "
--> Faire attention à bien installer ckeditor dans "libraries" (et non l'installer comme module)
Suivre le tuto de cet page.
--> Mettre "Full HTML" (ça ne marche pas avec "Filtered HTML/ HTML Filtré" ).

En espérant que cela aidera tous les débutants.

Merci,
Merci pour les tutos.

Portrait de Gaga

Gaga (non vérifié)

lun, 21/05/2012 - 11:46

Bonjour,

Bravo et merci pour ce bon travail !

J'ai cependant un problème. Je peux insérer facilement mes images, mais lorsque j'essaye de les centrer, ou de les déplacer, le tout s'affiche correctement dans l'éditeur mais lorsque je sauvegarde, l'image apparaît dans tous les cas en première position à gauche(même si je la mets après le texte, centré ou à droite).

Est-ce que quelqu'un peut m'aider ?

Merci d'avance.

Salutations.

Ajouter un commentaire