Lytebox et CKEditor pour Guppy v4.6

Imprimer Syndication RSS 2.0

herbetwest

De passage
De passage

Avatar de herbetwest

Messages : 22

Inscription :

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 !

Message édité 2 fois, dernière édition par jchouix le Aller en haut de page Aller en bas de page

Réponses

jchouix

Administrateur

Avatar de jchouix

Messages : 1382

Inscription :

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.

Aller en haut de page Aller en bas de page

herbetwest

De passage
De passage

Avatar de herbetwest

Messages : 22

Inscription :

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 :-)

Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1382

Inscription :

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.

Aller en haut de page Aller en bas de page

herbetwest

De passage
De passage

Avatar de herbetwest

Messages : 22

Inscription :

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.

Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1382

Inscription :

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.

Aller en haut de page Aller en bas de page

Katryne

Actif
Actif

Avatar de Katryne

Messages : 195

Inscription :

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 ?

Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1382

Inscription :

bonsoir katryne,
je vais regarder le code de ce plugin qui me parait intéressant.
A+

Message édité 1 fois, dernière édition par jchouix le Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1382

Inscription :

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

Aller en haut de page Aller en bas de page

Katryne

Actif
Actif

Avatar de Katryne

Messages : 195

Inscription :

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

Message édité 2 fois, dernière édition par Katryne le Aller en haut de page Aller en bas de page

herbetwest

De passage
De passage

Avatar de herbetwest

Messages : 22

Inscription :

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?

Message édité 1 fois, dernière édition par herbetwest le Aller en haut de page Aller en bas de page

Katryne

Actif
Actif

Avatar de Katryne

Messages : 195

Inscription :

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.

Aller en haut de page Aller en bas de page