Version haut débit de: Forum du site Lebrikabrak
Aide - Rechercher - Membres

Lytebox et CKEditor pour Guppy v4.6

herbetwest (01 Avril 2012, 14:53)
Hello,

Il fut un temps je voulais utiliser Lytebox avec Guppy.
J'avais trouvé un guide sympas : http://boloba.net/aio.php?lng=fr&pg=71

Néanmoins je l'avais rapidement désactivé car je trouvais pénible, et j'oubliais à chaque fois, de rajouter les 2 éléments nécessaires pour que lytebox soit utilisable :
- ajouter un lien sur l'image
- le rel=lytebox (dans CK Editor, cela se trouve dans la fenetre LIEN, onglet : avancé, relation)

Etant donné que jchouix m'avait bien aidé pour pouvoir customiser CKEditor afin qu'il remplisse par défaut les ALT, je me demandais si il serait possible de m'aider à remplir par défaut les éléments nécessaires à l'ajout d'une image?


Ainsi, j'aimerai customiser CKEditor, pour qu'a chaque ajout d'une image:
- il créer un lien vers le lien de l'image
- il remplisse le rel=lytebox
De cette manière, CHAQUE IMAGE, serait cliquable, et ouvrable avec lytebox


Qu'en dites vous? Je suis sur que cela en intéresserai plusieurs !
jchouix (02 Avril 2012, 21:37)
Bonsoir herbetwest,
Citation
Ainsi, j'aimerai customiser CKEditor, pour qu'a chaque ajout d'une image:
- il créer un lien vers le lien de l'image
- il remplisse le rel=lytebox
J'ai regardé dans la popup d'insertion d'image et il n'y a pas le champ rel du lien associée à l'image donc on ne pourra pas remplir rel=lytebox lors de l'ajout de l'image.
Par contre, lors de l'insertion d'un lien (icone lien), on peut faire en sorte que si le lien pointe vers une image, on remplisse le champ rel du lien.
Cordialement.
herbetwest (03 Avril 2012, 9:12)
Merci de ta réponse !

Donc ce que tu me dis c'est :
- Ajouter automatiquement un lien vers l'image lors de l'ajout d'une image : possible ou non?
- Remplir le rel=lytebox : cela devrait etre possible si le champs lien est rempli avec une image (donc différentes extensions images je présume) = OK, cela me conviendrai.

Encore merci de ton aide :-)
jchouix (03 Avril 2012, 17:25)
Bonsoir,
Citation
- Ajouter automatiquement un lien vers l'image lors de l'ajout d'une image : possible ou non?
Oui c'est possible.
Citation
- Remplir le rel=lytebox : cela devrait etre possible si le champs lien est rempli avec une image (donc différentes extensions images je présume)
Attention, je ne peux intervenir que lors du click sur le nom de l'image sélectionnée dans la popup ouverte avec le bouton "parcourir le serveur".

Les étapes nécessaires pour avoir ce que tu veux, c'est :
1) J'ajoute une image dans la zone d'édition de l'éditeur.
2) Je sélectionne cette image ajoutée dans la zone d'édition et ensuite, je cliques sur l'icone "Lien" et je vais à nouveau sélectionner cette image (ou une autre à la rigueur) via le bouton "parcourir le serveur".

A ce moment-là, je suis en mesure de rajouter automatiquement le champ rel=lytebox au lien ainsi créé.

Cordialement.
herbetwest (04 Avril 2012, 20:57)
Hello,

Donc si je comprends bien, les 2 éléments sont donc possibles lors de l'ajout d'une image via le module du CK editor :
- ajout d'un lien
- ajout d'un rel=lytebox

C'est bien cela? Si oui ce serait formidable !



Bonsoir,
Citation
- Ajouter automatiquement un lien vers l'image lors de l'ajout d'une image : possible ou non?
Oui c'est possible.
Citation
- Remplir le rel=lytebox : cela devrait etre possible si le champs lien est rempli avec une image (donc différentes extensions images je présume)
Attention, je ne peux intervenir que lors du click sur le nom de l'image sélectionnée dans la popup ouverte avec le bouton "parcourir le serveur".

Les étapes nécessaires pour avoir ce que tu veux, c'est :
1) J'ajoute une image dans la zone d'édition de l'éditeur.
2) Je sélectionne cette image ajoutée dans la zone d'édition et ensuite, je cliques sur l'icone "Lien" et je vais à nouveau sélectionner cette image (ou une autre à la rigueur) via le bouton "parcourir le serveur".

A ce moment-là, je suis en mesure de rajouter automatiquement le champ rel=lytebox au lien ainsi créé.

Cordialement.
jchouix (04 Avril 2012, 21:49)
bonsoir,
Citation
Donc si je comprends bien, les 2 éléments sont donc possibles lors de l'ajout d'une image via le module du CK editor :
- ajout d'un lien
- ajout d'un rel=lytebox
C'est bien cela? Si oui ce serait formidable !
Non, c'est possible uniquement lors de l'ajout d'un lien via le module "Lien" de CKEditor. Cet ajout peut se faire sur un texte ou une image déjà présente dans la zone de texte de l'éditeur.
Cordialement.
Katryne (04 Avril 2012, 23:19)
Hello vous deux
Sur le site de CKEditor, on trouve quelques indications pour modifier une fenêtre de dialogue.
Si l'on pouvait modifier l'onglet Liens de la fenêtre d'insertion d'image pour qu'il soit aussi complet que l'onglet Avancé de la fenêtre de dialogue insertion de Lien, cela ferait-il avancer les choses ? Est-ce une piste ? Ou est-ce une demande trop spécifique ?
Katryne (05 Avril 2012, 11:36)
Peut-être plus simple, car déjà tout cuit, c'est un plugin pour Ckeditor, mais c'est avec lightboxplus et non lytebox : http://cksource.com/forums/viewtopic.php?f=18&t=24281, il ajoute automatiquement la balise alt, mais pourquoi pas la title ?
jchouix (05 Avril 2012, 17:10)
bonsoir katryne,
je vais regarder le code de ce plugin qui me parait intéressant.
A+
jchouix (07 Avril 2012, 18:29)
bonsoir,
j'ai récupéré les parties du code qui m'intéressaient et je les ai adaptées pour lytebox.
Le résultat est dans l'archive mise à disposition ci-dessous. Pour l'installer, il suffit d'extraire tout son contenu à la racine de guppy.
Pour activer lytebox pour une image, il faut cocher la case placée au dessous de l'url de l'image sélectionnée dans la popup d'insertion d'image.
J'attends vos retours de tests.
A+
PS : la version de lytebox utilisée et intégrée dans l'archive est la version 5.5
Fichier joint
Ce fichier joint n'existe plus sur ce serveur
herbetwest (08 Avril 2012, 16:51)
merci à vous deux.
Je regardes ceci dès que possible!
herbetwest (08 Avril 2012, 17:39)
C'est PARFAIT !

Comme toujours, merci!
Katryne (08 Avril 2012, 23:31)
Merci beaucoup Jérôme, ça marche mais ... connais-tu le moyen d'utiliser concomitamment plus d'un plugin de Ckeditor ?
J'ai déjà sur presque tous mes sites le plugin Vidéo qui permet d'insérer des webM et des MP4 avec la balise vidéo.

Dans le fichier guppy_ckconfig.js, si l'on ajoute config.extraPlugins = 'lytebox'; tout seul, c'est bon, on a bien la case à cocher pour l'effet Lytebox
Si l'on ajoute config.extraPlugins = 'video'; tout seul, on a bien l'icône vidéo dans la barre d'outils et la fonction qui va avec.
Si l'on ajoute les deux sur 2 lignes différentes, c'est le premier affiché qui est seul présent dans l'éditeur, le 2e ne parait pas.
J'ai même essayé de regrouper l'appel des 2 plugins sous la forme config.extraPlugins = 'lytebox','video';, c'est toujours le 1er affiché qui a la priorité. L'autre n'est pas disponible en utilisation.

Edit : Je viens d'aller faire un tour dans la doc et sur le forum de CKeditor, la piste de solution semble être la 2e que j'ai testée, pour le regroupement de plugins. Le codeur du plugin qrcodes explique ainsi l'ajout de son plugin dans le fichier de config aux côté d'autres plugins : config.extraPlugins='myplugin1,myplugin2,qrcodes';. Ahhhh je vais essayer avec un seul jeu de guillemets. Ce devrait être mieux.

Re-edit : c'est nettement mieux comme ça : config.extraPlugins='video,lytebox';

Youpi !

Plein de mercis
herbetwest (08 Avril 2012, 23:51)
Hello Katryne,

Je vais sans doute botter un peu en touche, mais personnellement je te donnerai le conseil de poster tes vidéos sur Youtube ou Dailymotion, et ensuite de l'embbed sur ton site.

Pourquoi la poster sur Youtube? Ta vidéo est peut etre sur une thématique qui est cherchée par les internautes, donc tu accroitrerai (sans doute) sa possibilité d'être vue... non?
Katryne (09 Avril 2012, 7:55)
Je sais bien Jérémy que les plateformes spécialisées sont bien mieux équipées pour diffuser les vidéos, surtout quand on héberge nos Guppys sur des serveurs mutualisés. Et que la publication sur ces sites accroît la visibilité de la vidéo et en conséquence de notre Guppy, si on prend soin de mentionner son adresse dans le commentaire. Mais si la vidéo distante disparait de Youtube/Dailymotion pour une raison ou une autre, tu te retrouves avec l'écran noir. Je sais que tu vois ce que je veux dire.
herbetwest (09 Avril 2012, 11:14)
Cela dépend bien évidemment du type de vidéo. Certaines sont plus enclins à enfreindre des copyrights, d'autres non.
Katryne (10 Avril 2012, 9:53)
Hello du matin !
Ça marche sur un site et sur l'autre ça s'ouvre sans effet Lytebox dans un nouvel onglet.
Je dois avoir un conflit avec un autre javascript. Je notais juste cela pour le signaler. Dès que je trouve quel est le conflit, le reviens au rapport.
equitathome (11 Avril 2012, 20:12)
Bonjour à tous

Comme j'avais déjà discuté de cette fonctionnalité dans CKEditor, Papinou m'a gentiment signalé cette discussion.

Merci à jchouix et à ceux qui ont permis cette avancée. Je le teste dès que possible.

François.
Papinou (14 Mai 2012, 21:05)
Bonsoir Jérôme,

J'utilise le plugin Lytebox pour CK Editor qui fonctionne sans problème.
Je viens de regarder le flux RSS d'un article où j'ai mis 6 photos, les miniatures en 160x120px, et les photos en 800x600px.
Dans le flux RSS, ce sont les photos en 800x600px qui s'affichent et le texte est réduit à une colonne de 50px avant les photos.

Penses tu qu'il soit possible d'afficher les miniatures, même si, dans ce cas il faut un répertoire miniatures?

Cordialement
jchouix (15 Mai 2012, 21:51)
Bonsoir yves,
Citation
Penses tu qu'il soit possible d'afficher les miniatures, même si, dans ce cas il faut un répertoire miniatures ?

Je ne sais pas si j'ai bien compris ton problème mais si tu veux une miniature dans ton flux RSS, il te faut sélectionner la miniature comme source de ton image et l'image 800 x 600 doit être dans la référence du lien.
Cordialement.
A+
han (12 Aout 2012, 15:06)
Bonjour,

Juste pour confirmation : pour que les rédacteurs puissent également en profiter, il suffit juste de rajouter dans le fichier guppy_ckconfig.js situé dans plugins\adm_redacteurs\editors\ckeditor_config la ligne suivante :

config.extraPlugins = 'lytebox';

C'est bien ça ?
Katryne (11 Septembre 2012, 13:24)
Hello Jérôme !
Juste pour mémoire, pour le cas où l'un de tes utilisateurs rencontrerait le souci : si l'on utilise le plugin Lytebox avec un GuppY dans d'autres langues que le Français et l'Anglais, il faut ajouter des fichiers de langue correspondants. Sinon, les administrateurs qui se connectent à partir de ces autres langues n'ont pas du tout accès à CKEditor. C'est tout l'éditeur qui leur est interdit et qui ne s'affiche pas à cause de ces fichiers de langue manquants dans le plugin Lytebox.
Bonne journée.
jchouix (12 Septembre 2012, 20:30)
Bonsoir katryne,
merci pour l'info. Il est vrai qu'actuellement, il n'y a que deux fichiers de langues pour ce plugin. Il faudrait faire appel aux bonnes volontés pour les traduire en d'autres langues.
A+
Katryne (12 Septembre 2012, 20:35)
J'ai déjà les fichiers de Hollandais et d'Italien, si tu me dis où les envoyer.
jchouix (14 Septembre 2012, 21:19)
Bonsoir katryne,
merci pour ton travail. J'ai fait un nouveau pack avec tes deux fichiers de langue. Je le mets à disposition ici-même pour tous ceux qui sont intéressé.
A+
Fichier joint
Télécharger
Fichier téléchargé 696 fois (nom du fichier: plugin_lytebox_v1.1_for_ckeditor36x_guppy4.6.x.zip ; taille: 195.5 KO, date d'upload: 14 Septembre 2012, 21:19)
Plugin lytebox v1.1 pour CKEditor 3.6.x adapté pour être utilisé dans guppy v4.6.x
Katryne (25 Octobre 2013, 14:30)
Hello Jérôme !
Je mets à jour mes sites de 4.6.23.1 à 4.6.28. Et je ne peux plus ajouter de plugin à CKEditor.
Je dois retirer la ligne

config.extraPlugins = 'lytebox';


ou
config.extraPlugins = 'my_code,lytebox,video';


quand j'en utilise plusieurs, pour que le champ de texte et les barre de menus de CKEditor s'affichent.
Je cherche depuis plusieurs jours.
Y-a-t-il une nouvelle syntaxe ? Je ne sais pas entre 4.6.24 et 4.6.28 à quel moment le souci est intervenu.
En 4.6.28, je ne peux donc utiliser aucun des plugins pour CKEditor.
Merci d'avance.

Edit : en fait, le souci parait sur 2 sites (1 et 2 ) que j'ai mis à jour, mais pas sur un site (3) que j'ai créé en 4.6.28. Et quand je colle le fichier guppy_ckconfig.js (qui marche sur le site neuf) sur les sites rénovés, ça marche plus. Les sites sont sur 3 hébergements différents, tous 1&1.
jchouix (25 Octobre 2013, 17:25)
Bonsoir katryne,
j'ai fait la manip. J'ai pris un guppy v4.6.23.1 et j'ai installé ensuite le patch cumulatif v4.6.28 de guppy. Ensuite, j'ai réinstallé le plugin Plugin lytebox v1.1 pour CKEditor 3.6.x disponible ci-dessous. Je n'ai pas eu le problème que tu soulèves.
CKEditor a été mis à jour entre la version 4.6.23.1 et la version 4.6.28 mais la syntaxe pour les plugins n'a pas changé. A part un problème de fichier(s) corrompu(s) lors de la mise à jour, je ne vois pas d'où pourrait venir le problème.
Cordialement.
PS : as tu vidé le cache de tes navigateurs ?
Katryne (25 Octobre 2013, 19:52)
Merci Jérôme. Grâce à ta remarque, j'ai vérifié que j'avais bien toutes mes billes dans le dossier inc/ckeditor. Et figure-toi que ça marche beaucoup mieux quand on ajoute aussi les plugins en question dans le dossier du même nom. En fait, comme j'avais eu un petit souci de point- virgule en trop (corrigé entre temps) dans le fichier de config, ça marchait pas trop et je croyais que mon dossier de ckeditor était corrompu : je l'ai détruit, en ai remis un neuf de 4.6.28 ... en oubliant les plugins sur le bord du chemin.
Mes excuses pour le dérangement.
jchouix (25 Octobre 2013, 20:42)
re-,
merci pour ton retour.
A+
Katryne (10 Novembre 2013, 9:19)
Bonjour Jérôme !
Est-il envisagé dans la version CKEditor spéciale Guppy d'activer le plugin Iframe (qui est déjà présent dans les plugins chargés), ainsi que d'ajouter les plugins Video et Lytebox. Tous les 3 proposent une option ou une boîte de dialogue pour faciliter encore l'édition des documents.