Tout savoir sur WordPress
Tutoriel WordPress

Ajouter tinyMCE au champ “Extrait” de WordPress

Par défaut, le champ “Extrait” de WordPress ne contient pas de WYSIWYG TinyMCE. Découvrons comment ajouter cette fonctionnalité qui peut devenir très utile.

Vous l’avez certainement remarqué depuis le temps, mais WordPress n’insère pas de WYSIWYG TinyMCE pour l’édition du champ “Extrait”. Pourtant, un simple petit bout code permet de rajouter TinyMCE sur le textarea de ce champ.

Copier le code ci-dessous dans le fichier functions.php présent à la racine de votre thème :
[pastacode lang=”php” message=”” highlight=”” provider=”manual”]


add_action('admin_head-post.php', 'gkp_add_tinymce_to_excerpt', 999);
add_action('admin_head-post-new.php', 'gkp_add_tinymce_to_excerpt', 999);
function gkp_add_tinymce_to_excerpt() { ?>

<script type="text/javascript">
jQuery(document).ready( function () { 
    jQuery("#excerpt").addClass("mceEditor"); 
    if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) {
	jQuery("#excerpt").wrap( "<div id='editorcontainer'></div>" ); 
	tinyMCE.execCommand("mceAddControl", false, "excerpt");
    }
}); 
</script>

<?php
}

[/pastacode]

tinyMCE sur le champ extrait
Ajout de tinyMCE sur le champ extrait
Cet article a été mis à jour il y a 4713 jours - Il n'est peut être plus à jour !

Article écrit par Jonathan B.

Jonathan est le co-fondateur de WP Media, startup connue pour être l’auteur de WP Rocket et Imagify. Il est aussi co-organisateur du WordCamp Lyon et Paris.

17 Commentaires

  1. La tu le fais exprès lol. Tu nous donnes une infos génial mais on sait pas où mettre ce code. Tu parles d’un hook c’est quoi ? On est pas tous de kador du wordpress ! peut tu m’en dire plus ? Quel fichier modifier par exemple ?

    merci d’avance

  2. Beuh, moi j’ai pas ou dirai je plutot d’aperçu visuel de mon éditeur?j’ai ajouter ce bout dans la fonction que tu as mentionnée, mais mon problème n’est toujours pas résolu.

  3. @Majohnc : On parle des extraits dans cette astuce. Est-ce bien à cet endroit que vous avez un problème ?

  4. J’essaye de mettre TinyMCE sur les champs “description” des taxonomy, mais impossible.
    Pourtant ca doit pas être bien plus compliqué que pour les extraits…

  5. Il me semble bien avoir déjà testé ca, mais sans succès.
    Je pense que le problème vient du fait que TinyMCE n’est pas appelé dans la page de création/modification des taxos.
    J’ai fouillé pas mal de forums US, mais j’ai pas réussi :(

  6. @Yoann : Je n’ai pas testé, mais je pense qu’il faut modifier #excerpt par #description.

  7. En effet, il faudrait commencer par vérifier si le code est bien présent dans le code source. Ca donnera déjà quelques indications.

    Dès que j’ai un peu de temps libre, je regarde de mon côté ;)

  8. Impeccable !
    Le code en version 1.4 du tuto fonctionne très bien !
    J’ai simplement supprimé les baises ouvrantes et fermantes “table” afin que ma mise en page ne soit pas “cassée”.
    Merci Jonathan :)

  9. oui je sais, je connais les plugins mais je voulais éviter de les utiliser, j’aurai préféré un code.