Page 1 of 1

TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 12:49 pm
by groinko
Bonjour à tous,

depuis les récentes version de CMSMS, le Tiny est installé par défaut, c'est très bien.
Concernant l'utilisation des thumbs voici ce qui me tracasse :

TINY MCE :

Point fort :
Dans les préférences de Tiny on peut choisir d'afficher ou non les vignettes dans le navigateur de recherche d'images, c'est super, c'est intuitif.

Point faible :
Le navigateur de recherche d'images liste les images mais pas les thumbs qui ont été générées à l'upload, on ne peut donc pas insérer directement ces vignettes existantes ! Du coup, si on veut insérer une petite image dans la page : on insère une (grande) image et on choisit de modifier ses dimensions à l'affichage. C'est dommage d'insérer une image de 100ko quand sa miniature de 3ko existe sur le serveur...

FCK EDITOR :

Point fort :
Le navigateur de recherche d'images liste les images et les thumbs qui ont été générées à l'upload, on peut donc insérer directement ces vignettes existantes.

Point faible :
Le navigateur de recherche d'images n'affiche pas des images mais une liste de liens, on ne voit donc pas direcetement les images, ce qui n'est pas très intutif...

Question :

Quelqu'un parmi vous aurait-il trouvé une façon d'utiliser les thumbs avec TinyMCE ?
Merci.

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 1:57 pm
by Woof
Depuis quelques semaines je cherche exactement une réponse à ce problème de listing des thumbs / vignettes.

Je pense que le navigateur d'images de Tiny MCE est celui de FCKeditor -Resources Browser: Dossier simplebrowser dans modules\TinyMCE\tinymce\jscripts\tiny_mce\plugins\simplebrowser\readme.txt

Simple Browser Plugin Version 2.1
Andrew Tetlaw - 2006/02 - TinyMCE 2.0.3 and above
A port of the FCKEditor file browser as a TinyMCE plugin.
http://tetlaw.id.au/view/blog/fckeditor ... ce-editor/


La seule façon que j'ai trouvé d'inclure des thumbs (si les thumbs sont créés par le module CMSMS upload) c'est tout simplement de choisir la "grande" image
ex: uploads/images/grandeimage.png
et manuellement d'ajouter "thumb_"
ex: uploads/images/thumb_grandeimage.png

Pas très "élégant" ni très intuitif, mais c'a fonctionne! Ah... si j'étais programmeur!

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 2:50 pm
by groinko
Merci pour ta réponse,

ta solution est futée, mais si l'utilisateur du site ne l'est pas :)

je vais regarder effectivement du côté de modules\TinyMCE\tinymce\jscripts\tiny_mce\plugins\simplebrowser\readme.txt.

Dans FCK Editor j'avais fait un truc pour afficher les images et non seulement les liens :

insérer une balise image ligne 61
dans modules\FCKeditorX\FCKeditor\editor\filemanager\browser\default\frmresourceslist.html

Code: Select all

return '<tr>' +
                '<td width="16">' +
			sLink +
			'<img alt="" src="images/icons/' + sIcon + '.gif" width="16" height="16" border="0"></a>' +
		'</td>
                 <td>
                         ' + sLink +
	                '<img alt="' + fileName + '" title="' + fileName + '" src="' + fileUrl + '" border="0"></td><td align="right" nowrap> ' + '</a>' +
			fileSize + ' KB' +
		'</td>
            </tr>' 
;
Mais c'est à l'arrache et de toute façon va falloir se débrouiller avec le Tiny.
@+

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 4:10 pm
by Woof
Pour que les utilisateurs se souviennent de ce truc, j'ajoute ceci dans
\modules\TinyMCE\tinymce\jscripts\tiny_mce\plugins\advimage
dans le fichier: image.htm

ligne 29 ajouter après {$lang_insert_image_src} un astérique *

ligne 54 ajouter après *Note

1) Select your image as usual in the Image URL field above

2) For Thumbnails: insert thumb_ in the image URL field
ex: uploads/images/thumb_imagename.jpg

Ce n'est pas une solution de programmeur, mais d'un simple utilisateur. Bravo pour ta solution FCK, et oui, il faudra se débrouiller avec Tiny.

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 4:56 pm
by jce76350
re,

Pourquoi ne pas faire simple  ;) comme ce CMS
- pour les images les importer depuis Contenu  » Gestionnaire d'images,  les thumbs sont créés
Et c'est tout

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 5:52 pm
by Woof
jce76350: oui les thumbs sont créés par le CMS.
Personne ne mets cela en doute.

Le problème est d' insérer ces thumbs via l'éditeur TinyMCE (qui utilise FCK Browser) ... elle n'apparaissent pas dans le listing des images. Correction: on peut voir les thumbs à côté du nom de l'image, mais on ne peut pas sélectioner la version par ex. thumb_image.jpg créée par CMS, comme on pouvait le faire avant avec FCK. Toutes les images commencant par thumb_ ne sont pas listées.

Essaye toi-même  :)

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 7:29 pm
by jce76350
re,
n peut voir les thumbs à côté du nom de l'image, mais on ne peut pas sélectioner la version par ex. thumb_image.jpg
Ha... Ok
Mais cela ne sert à rien vu que dans le gestionnaire d'images de Tiny tu peux juster les "Dimensions" de ton image afin d'ajuter ton image en fonction de ton texte ou de ta mise en page.
les thumbs servent à faire une reproduction mimiature de l'image pour la prévisaliser mais pas pour la télécharger.

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 7:51 pm
by Woof
les thumbs servent à faire une reproduction mimiature de l'image pour la prévisaliser mais pas pour la télécharger.
Je ne suis pas nécessairement d'accord à 100%.
Je pense que certains modules Album Photos utilisent les thumbs, mais ce n'est peut-être pas les mêmes.

De plus, dans une page (contenu ordinaire) si je veux afficher/insérer un thumb pour ensuite créer un lien (en pop-up par exemple) de l'image, et bien, j'ai besoin de sélectionner le thumb en question, comme je pouvais le faire avant avec FCK. Oui je sais que l'on peut télécharger le FCK en option, mais quand même. Comme disais groinko dans son premier message:

C'est dommage d'insérer une image de 100ko quand sa miniature de 3ko existe sur le serveur...

Donc, réduire les dimensions comme tu le suggère, ne change pas les 100Ko.

Dans certains sites, j'augmente les dimensions des thumbs (à 150 pixels par ex) pour que les utilisateurs (pas trop connaissant en grosseur d'image et bande passante, lourdeur,etc) choisissent les thumbs en lieu et place de lourdes images, afin d'afficher les pages le plus rapidement possible.

En bref: pourquoi avant on pouvait sélectionner les thumbs avec FCK et que maintenant sous TinyMCE, c'est rendu impossible, sinon de faire mon petit truc ci-haut... Je veux le meilleur des deux mondes :)

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Wed Oct 17, 2007 10:18 pm
by groinko
re,
jce76350 wrote: Pourquoi ne pas faire simple  ;) comme ce CMS
Je suis 100% d'accord avec toi jce76350 ça va dans le sens de la simplicité d'utilsation,
l'utilisateur du CMS n'a pas besoin de choisir des dimensions,
et des vignettes de proportions identiques ça crée un confort de lecture pour l'utilisateur final, l'internaute.
Woof wrote: Pour que les utilisateurs se souviennent de ce truc, j'ajoute ceci dans
\modules\TinyMCE\tinymce\jscripts\tiny_mce\plugins\advimage
dans le fichier: image.htm
hé hé système D, pas mal !

Mais effectivement afficher une image de 100ko au lieu d'une de 3ko n'a que des inconvénients : temps de chargement, gaspillage de bande passante et cerise sur le sunday (on dit ça au Canada ? ) la perte de qualité d'affichage, une image n'est jamais aussi "définie" qu'à ses dimensions originales (la librairie GD rééchantillone plutôt proprement).

J'ai cerné le pourquoi :

\lib\filemanager\ImageManager\config.inc.php
\lib\filemanager\ImageManager\thumbs.php
\lib\filemanager\ImageManager\Classes\ImageManager.php
\lib\filemanager\ImageManager\Classes\Thumbnail.php

- les thumbs ne sont pas générés à l'upload mais à au moment d'afficher la liste d'images. Les fichiers thumbs sont enregistrés sur le serveur.

Etape 1 : vérification de l'existence de thumb : si une image n'a pas de thumb associé -> php génère le thumb.
Etape 2 : listage des images : si le prefixe de l'image est 'thumb_' il ne la comptabilise pas c'est pour cela que les thumbs ne s'affichent pas.

Je ne maîtrise pas vraiment php, donc je tatonne. Je vois deux pistes :

- la plus simple sans doute est de contourner la condition qui fait qu'il ne comptabilise pas avec le préfixe thumb_ mais je ne vois pas comment  ???

- copier à la volée le thumb sous un nouveau nom (vig_fichier.jpg') : j'ai réussi  :P mais du coup il y a pour l'instant un sacré problème de récursivité...

Si un programmeur interessé passe par ici ce sera vite règler
sinon va falloir creuser pour réhabiliter cette option abandonnée (comme un prout sur l'autoroute)
C'est des histoires de conditions ...

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Thu Oct 18, 2007 12:10 am
by groinko
ça avance...

Après upload j'ai maintenant

image.jpg
thumb_image.jpg
vig_image.jpg
thumb_vig_image.jpg

La liste qui apparaît juste après l'upload n'affiche pas la vignette, il faut la rafraîchir une fois...

C'est cool dans le cas d'un utilisateur qui upload d'abord ses images depuis menu Contenu > Gestionnaire d'images
il aura du premier coup les vignettes à disposition quand il ira créer du contenu.

Reste donc juste à règler cette histoire de rafraîchissement de la liste.

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Thu Oct 18, 2007 1:13 pm
by groinko
Pour ceux qui seraient intéressés,
vous pouvez télécharger les fichiers à cette adresse :

http://groinko.free.fr/cmsms/

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Thu Oct 18, 2007 1:31 pm
by Woof
Bravo groinko
je serai absent pour quelques jours, et j'ai bien hâte de voir ton progrès à mon retour... si tout fonctionne, ça serait la "cerise sur le sundae" (oui, c'est bien québécois) c'est le clou, l'avantage supplémentaire, la cerise sur le gâteau. Le "sundae" c'est de la crème glacée  ;D

Et si tu trouves la solution, auras-tu un moyen de faire que le changement soit inclus dans une prochaine version de CMS? Et pendant qu'on y est... as-tu déjà pensé d'avoir l'option de choisir les dimensions des thumbs dans l'image manager (Gestionnaire d'images)?  C'à c'est vraiment la cerise sur le sundae, le petit détail final qui parfait une réalisation.

P.S. Je viens de voir ton message pour télécharger et je vais essayé cela tout de suite ou à mon retour. Bravo encore!

Re: TinyMCE vs FCK : Utilisation des thumbs

Posted: Thu Oct 18, 2007 1:46 pm
by groinko
Salut Woof,

c'est vraiment un hack vite fait mal fait par un programmeur de bas étages  :-\

mais ça marche  ;) pour TinyMCE 2.2.4 et 2.2.5 dans CMSMS 1.1.4.1 et 1.2

Je ne vais pas proposer d'inclure ce changement dans la future version de CMSMMS qui lui est justement hyper bien développé (en comparaison avec d'autres cms, par exemple oscommerce... ). Respect maximum pour l'équipe de CMSMS.

Par contre on peut rêver de voir le sundae coiffée d'une cerise si l'équipe prend en compte notre besoin : eux seraient tout à fait capable d'implémenter le petit détail final dont tu parles.

A noter aussi que si tu utilises mon hack, les vignettes ne seront générées que pour les images que tu uploaderas après cette "upgrade".
Ou alors si tu veux les générer rapidement pour un site existant, tu y vas en FTP et tu supprimes tous les fichiers avec préfixe "thumb_" que tu trouveras dans "uploads/images/" et ses sous-dossiers. Les vignettes seront générées au prochain affichage de la liste d'images.

H@asta luego.