Module media_oembed

Soumis par Jenny le 3 juil 2017 - 18:30

Tags:

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."