Fork me on GitHub

Installation du plugin "Youtube" dans l'éditeur TinyMCE
13
201314
Mai
  alain01 Programmation, Hack, ... 7397

Salut, les Xoopsers,
Aujourd'hui, je souhaite vous montrer comme c'est facile d'ajouter un plugin pour l'éditeur TinyMCE.


Pourquoi ne pas essayer avec le plugin Youtube ?Open in new window

Ok, alors, c'esssssssst partiiiiiiiii !

1) Tout d'abord, téléchargez le plugin ici (Fichier Zip ici)

2) Dézippez le fichier et poussez le dossier youtube dans /class/xoopseditor/tinymce/tiny_mce/plugins/

3) Modifiez le fichier /class/xoopseditor/tinymce/settings.php
Vous pouvez vous inspirer de l'article Utilisation de modèles / gabarits.(2 - Ajout du bouton "Insérer un modèle prédéfini").

Ajoutez "youtube" :
à la ligne 70

"paste,fullscreen,visualchars,nonbreaking,inlinepopups,youtube",

et à la ligne 85
"theme_advanced_buttons4" => "xoopsimagemanager,xoopsemotions,xoopsquote,xoopscode,xoopsmlcontent,youtube",

4) C'est tout !!! et maintenant, profitez !

On peut peut-être espérer avoir ce plugin par défaut pour la prochaine version de XOOPS, non ?

PS : Merci à Franck0768 pour l'idée !
Note: 0.00 (0 votes) - Noter cet article -

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article à un ami
Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Semi pro
Inscrit le: 01/08/2005
De:
Contributions: 1851
grosdunord Posté le: 14/05/2013 20:14  Mis à jour: 14/05/2013 20:14
 Re: Installation du plugin "Youtube" dans l...
Salut c'est compatible html5 ?
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 4051
alain01 Posté le: 14/05/2013 21:22  Mis à jour: 14/05/2013 21:22
 Re: Installation du plugin "Youtube" dans l
Et l'autreeeee, j'en sais rien, moi ^^

Le code affiché donne ceci (pour gangnamstyle) :

<div class="youtube" style="width: 350; height: 300;"><object width="350" height="300" data="http://www.youtube.com/v/9bZkp7q19f0" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/9bZkp7q19f0" /></object></div>
Semi pro
Inscrit le: 01/08/2005
De:
Contributions: 1851
grosdunord Posté le: 14/05/2013 22:14  Mis à jour: 14/05/2013 22:19
 Re: Installation du plugin "Youtube" dans l
Génial aller hop dans la boi boite :)
Semi pro
Inscrit le: 01/08/2005
De:
Contributions: 1851
grosdunord Posté le: 15/05/2013 00:08  Mis à jour: 15/05/2013 00:08
 Re: Installation du plugin "Youtube" dans l
si sa interesse voici le lien pour mettre les vidéos en responsive https://github.com/marclarr/FitVids.js
Semi pro
Inscrit le: 10/11/2004
De:
Contributions: 1659
Nikita Posté le: 15/05/2013 11:14  Mis à jour: 15/05/2013 11:14
 Re: Installation du plugin "Youtube" dans l...
Cool ce plugin, encore un ajout intéressant Alain !
Semi pro
Inscrit le: 01/08/2005
De:
Contributions: 1851
grosdunord Posté le: 16/05/2013 18:27  Mis à jour: 16/05/2013 19:14
 Re: Installation du plugin "Youtube" dans l...
serai t'il possible d'avoir l'ajout en iframe et non en objet ?
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 4051
alain01 Posté le: 16/05/2013 21:34  Mis à jour: 16/05/2013 21:34
 Re: Installation du plugin "Youtube" dans l
Ligne 94 du fichier youtube/js/dialog.js :

var objectCode = '<div class="youtube" style="'+domSize+'">';
        objectCode +='<object type="application/x-shockwave-flash" '+videoSize+' data="'+constructUri+'">';
        objectCode += '<param name="movie" value="'+constructUri+'" />';
        objectCode += '<param name="wmode" value="transparent" />';
        objectCode += '</object>';
        objectCode += '</div>';
Semi pro
Inscrit le: 27/04/2011
De: Seine et marne
Contributions: 809
virtual Posté le: 24/05/2013 12:48  Mis à jour: 24/05/2013 12:48
 Re: Installation du plugin "Youtube" dans l...
Bonjour,
Pourriez-vous me dire à quoi il sert ce plug-in Youtube ?

>>> Parce que j'ai déjà sous Xoops 2.5.1 une possibilité de mettre une vidéo Youtube:

Rajouter une vidéo à votre annonce
Youtube : mettre le lien URL
DailyMotion : mettre le lien Permalien
Semi pro
Inscrit le: 01/08/2005
De:
Contributions: 1851
grosdunord Posté le: 24/05/2013 12:55  Mis à jour: 24/05/2013 12:55
 Re: Installation du plugin "Youtube" dans l...
On parle de l'éditeur tyni mce et pas de l'éditeur dhtml de xoops
Semi pro
Inscrit le: 27/04/2011
De: Seine et marne
Contributions: 809
virtual Posté le: 24/05/2013 21:34  Mis à jour: 24/05/2013 21:34
 Re: Installation du plugin "Youtube" dans l...
Rebonjour grosdunord,
Il n'y a pas d'age pour apprendre (je suis un vieux de 48 ans qui s'intéresse à la programmation pour mon petit site)...
Peux tu me dire quel est la différence entre l'éditeur tyni mce et l'éditeur dhtml de xoops?
Semi pro
Inscrit le: 01/08/2005
De:
Contributions: 1851
grosdunord Posté le: 25/05/2013 00:06  Mis à jour: 25/05/2013 00:06
 Re: Installation du plugin "Youtube" dans l...
Pas de soucis par contre je t'invite a posé tes questions dans le forum pour ne pas flooder les commentaires.
Régulier
Inscrit le: 13/03/2012
De: Belgique-La Louvière
Contributions: 140
hugo1207 Posté le: 28/05/2013 10:24  Mis à jour: 28/05/2013 10:24
 Re: Installation du plugin "Youtube" dans l...
C'est vraiment nickel!
Merci
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 4051
alain01 Posté le: 14/06/2013 13:58  Mis à jour: 14/06/2013 13:58
 Re: Installation du plugin "Youtube" dans l
J'ai tenté d'installer ce plugin sur TinyMCE v4 pour XOOPS mais malgré quelques modifications, cela ne marche pas.
J'ai contacté l'auteur.

Si cela fonctionne, par la suite, je l'ajouterai donc dans TinyMCE v4 pour XOOPS.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

47 Personne(s) en ligne (3 Personne(s) connectée(s) sur Articles) | Utilisateur(s): 0 | Invité(s): 47 | Plus ...