- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
Module media_oembed
cf http://oembed.com// et https://www.drupal.org/project/media_oembed
Requis par les maj des modules ckeditor et media fin juin 2017. Voir aussi Media + CKEditor + Media CKEditor install avril 2017
De base, ce module permet d'aller chercher des contenus fb, flickr, youtube...
le module media_oembed 7.x-2.7 requiert un sous module de media : Media Internet.
L'installer, vérifier les perm du module "Administer Media: oEmbed ", et que media accepte des contenus vidéo. Pour tester, on peux créer un profil (avec des filtres limités) - voir aussi le config.js (y ajouter si besoin config.extraPlugins = 'oembed,widget';
).
Puis, aller voir/modifier la liste des provider proposés à /admin/config/media/media-oembed (le cache par défaut est d'une heure).
Vérifier la conf de media (url /admin/config/media/browser).
- à "File directory for uploaded media" :
en fait, j'ai pas cherché et ai tenté un
pictures/mediacked/[current-date:custom:Ym]
et tout à l'air de bien fonctionner maintenant ! - à "Allowed types in WYSIWYG" : vérifier que "video" est coché (oembed donne accès aux vidéos fb)
Utiliser (ajout d'un lien) avec l'url file/add/web ou via l'interface de ckeditor.
configuration des plugins
Ici, test avec ckeditor 7.x-1.18, jqueryupdate 3.0-alpha5, file entity 2.2, media (+internet sources) 2.8, media ckeditor 2.1, media wysiwyg 2.8, media oEmbed 2.7 et plupload 1.7.
plugin "Media Embed" ou "Semantic Media Embed" ?
depuis la lib v 4.5, on a le choix entre le plugin Media Embed ou Semantic Media Embed (plus propre dans le code vu dans ckeditor, puisque qu'il n'y a pas pas de code html mais une simple balise oembed
et une url),
plus à http://docs.ckeditor.com/#!/guide/dev_media_embed
embed et embedsemantic requierent tous deux le meme plugin (ckeditor) embedbase - soit au moins 5 plugins qui ne sont pas dans la version "full" !
En effet, embedbase a 3 prérequis :
- dialog (+ dialogui),
- widget qui a 3 prérequis : lineutils, clipboard (+ notification et toolbar) et widgetselection
- notificationaggregator => 3 plugins de plus: notification, toolbar et button.
Avec embedsemantic, il est conseillé d'utiliser les services https://iframely.com pour utiliser une unique clé api "gratuitement" (on peux aussi l'héberger, c'est du node.js). J'ai fait sans, avec l'interface "de base" twitter et facebook (celui que je connais le moins, de loin).
Doc à https://iframely.com/docs/ckeditor et test à http://iframely.com/debug
voir aussi http://ckeditor.com/addon/autoembed (requiert undo et autolink)
Voici un ex de code (donné par twitter) collé dans ckeditor après avoir cliqué sur le bouton Source:
<a class="twitter-timeline" data-height="400" data-dnt="true" data-theme="dark" href="https://twitter.com/drupal/lists/drupal-official">A Twitter List by drupal</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Bon, on sent bien que ca n'est pas encore tout à fait ca, car alors qu'un surfeur voit bien le flux, nous, en mode modification (sans cliquer sur Source), on voit un bête texte "Une liste Twitter de drupal (10 maxi)"...
codesnippet
requiert widget et dialog (qui requiert dialogui).
Notes:
- j'ai encore une erreur avec le plugin button, qui ne trouve pas un .png (créé dans le code)
- laisser vide certains "chemin locaux" sous peine de voir au tableau de bord "CKEditor version could not be determined."
plus sur le web
chez ckeditor (en anglais) :
- http://docs.ckeditor.com/#!/api/CKEDITOR.plugins.embedBase.baseDefinitio...
- les différences entre la lib v3 et v4 : http://docs.ckeditor.com/#!/guide/dev_upgrade_ckeditor_3
- http://ckeditor.com/addon/embedsemantic et http://ckeditor.com/addon/embed (pour media embed)
- http://ckeditor.com/addon/codesnippet requiert Dialog et widget (dans le build-config.js)
- https://iframely.com/docs/ckeditor
modules qui s'appuient sur le module media : https://groups.drupal.org/node/168009
tester avec http://reembed.me/
Coté fb : https://developers.facebook.com/docs/plugins/embedded-posts