Accueil » Wordpress : Ajouter un bouton aux éditeurs TinyMCE et Quicktags

WordPress : Ajouter un bouton aux éditeurs TinyMCE et Quicktags

La semaine dernière, j’ai eu besoin d’ajouter un bouton aux deux éditeurs WordPress (TinyMCE et Quicktags) pour faciliter l’insertion de la balise <hr/>. Voici le code très simple à ajouter au fichier functions.php de votre thème :

function tinymce_add_buttons( $buttons ) { // ajout du bouton HR pour l'éditeur visuel TinyMCE
	array_push($buttons, 'hr');
	return $buttons;
}
add_filter('mce_buttons_2', 'tinymce_add_buttons' );

function quicktags_add_buttons( $buttons ) { // ajout du bouton pour l'éditeur HTML Quicktags
	$buttons['buttons'] .= ',hr';
	return $buttons;
}
add_filter('quicktags_settings','quicktags_add_buttons');

function my_quicktags(){ /* fonction pour expliquer à Quicktags comment doit se comporter le bouton */ ?>
<script type="text/javascript">
QTags.addButton( 'hr', 'hr', '<hr/>',''); 
/* dans le cas d'une balise fermante, utiliser le 4e paramètre. Ex : QTags.addButton( 'p', 'p', '<p>','<p>'); */
</script>
<?php
}
add_action('admin_print_footer_scripts',  'add_my_quicktags');

2 commentaires pour « WordPress : Ajouter un bouton aux éditeurs TinyMCE et Quicktags »

  1. Olivier C dit :

    Bonjour. Dans le code proposé la fonction add_my_quicktags() n’est pas définie…

    Répondre

  2. Olivier C dit :

    @Olivier C: Bon, je suis allé voir le codex : En fait il y a une erreur de syntaxe dans votre code pour lequel ‘my_quicktags’ devrait correspondre à ‘add_my_quicktags’.

    Répondre

Laisser un commentaire pour : « WordPress : Ajouter un bouton aux éditeurs TinyMCE et Quicktags »

Votre email ne sera jamais communiqué.
Les champs précédés d'un astérisque sont obligatoires.