Les videos dans l’éditeur visuel de WordPress

Ce problème n’est pas nouveau, ajouter des videos de chez youtube, dailymotion ou encore youmake.tv n’est pas un jeu d’enfants pour ceux qui utilisent l’éditeur visuel de WordPress

De nombreux soucis peuvent apparaitre comme la balise embed qui se change en ibed ou encore la balise object qui se referme trop tôt.

Alors, comme on m’a demandé de trouver une solution, j’ai cherché et j’ai trouvé.

Cette solution marche sur mon blog, mais pas testé ailleurs.

Avant de faire cette manip, je vous conseil de sauvegarder votre source wordpress, c’est réservé aux utilisateur avertis.

1. ouvrez le fichier « wp-includes\js\tinymce\tiny_mce.js » et mofiez cette partie
   // Convert all strong/em to b/i in Gecko
if (tinyMCE.isGecko) {
h = h.replace(/<strong/gi, '<b');
h = h.replace(/<em(\/?)/gi, '<i');
h = h.replace(/<em /gi, '<i');
h = h.replace(/<\/strong>/gi, '</b>');
h = h.replace(/<\/em>/gi, '</i>');
}
   par
   
// Convert all strong/em to b/i in Gecko
if (tinyMCE.isGecko) {
h = h.replace(/<strong/gi, '<b');
//h = h.replace(/<em(\/?)/gi, '<i');
//h = h.replace(/<em /gi, '<i');
h = h.replace(/<\/strong>/gi, '</b>');
//h = h.replace(/<\/em>/gi, '</i>');
}
En fait cette partie de code converti les balises <em> en <i> et malheureusement <embed> en <ibed>.
   ensuite vous sauvez et réupoadez votre fichier.
2. Ca règle un soucis, mais le problème de la balise <object> subsiste.
   Là , ça devient plus compliqué.
   • Vous commencz par télécharger TinyMCE: ici
     TinyMCE est aussi l’éditeur de WordPress
   • une fois décompressé, vous récupérez les dossiers « Media » et « Flash » ici:
     « tinymce\jscripts\tiny_mce\plugins\ »
   • que vous uploadez dans le dossier « wp-includes/js/tinymce/plugins/ » de votre blog
     ensuite vous éditez le fichier « wp-includes\js\tinymce\tiny_mce_config.php »
     et vous ajoutez media et flash à la liste des plugins comme ceci:$plugins = array('inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress','media','flash');
   • et ajoutez ‘media’, après ‘image’, à la liste des boutons comme ceci:
     $mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'separator', 'bullist', 'numlist', 'outdent', 'indent', 'separator', 'justifyleft', 'justifycenter', 'justifyright', 'separator', 'link', 'unlink', 'image','media', 'wp_more', 'separator', 'spellchecker', 'separator', 'wp_help', 'wp_adv_start', 'wp_adv', 'separator', 'formatselect', 'underline', 'justifyfull', 'forecolor', 'separator', 'pastetext', 'pasteword', 'separator', 'removeformat', 'cleanup', 'separator', 'charmap', 'separator', 'undo', 'redo', 'wp_adv_end'));
   • et vous sauvez et réupoadez votre fichier.

Il ne reste plus qu’à rafraichir le cache de votre navigateur et tester, vous obtiendrez un petit bouton à droite du bouton image qui vous permettra de placer ou réajuster des videos en cas de soucis.

Celles ci apparaitront dans votre éditeur sous la forme d’un bloc jaune.

la diffusion d’annonces sur ce site relève de ma responsabilité et ne représente pas les positions d'une entreprise pour laquelle je travaille

Rédigé par Bleebot