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 thoughts on “WordPress : Ajouter un bouton aux éditeurs TinyMCE et Quicktags

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Bonjour, comment puis-je vous aider ?