Ajouter un bouton personnalisé à TinyMCE

par Jean - netologiste.com | Mis à jour le 2 Déc 2023 | WordPress | 0 commentaires

/*************** ajoute TinyMCE bouton ********************/
// Filter Functions with Hooks
function custom_mce_button() {
// Check if user have permission
if ( !current_user_can( 'edit_posts' ) || !current_user_can( 'edit_pages' ) ) {
return;
}
// Check if WYSIWYG is enabled
if ( 'true' == get_user_option( 'rich_editing' ) ) {
add_filter( 'mce_external_plugins', 'custom_tinymce_plugin' );
add_filter( 'mce_buttons', 'register_mce_button' );
}
}
add_action('admin_head', 'custom_mce_button');

// Function for new button
function custom_tinymce_plugin( $plugin_array ) {
$plugin_array['custom_mce_button1'] = get_stylesheet_directory_uri() .'/tinymce_bouton1.js';
$plugin_array['custom_mce_button2'] = get_stylesheet_directory_uri() .'/tinymce_bouton2.js';
return $plugin_array;
}
// Register new button in the editor
function register_mce_button( $buttons ) {
array_push( $buttons, 'custom_mce_button1' );
array_push( $buttons, 'custom_mce_button2' );
return $buttons;
}
/************** Fin ajoute TinyMCE button *****************/

js dans child theme – get_stylesheet_directory_uri() = child theme

(function() {
tinymce.PluginManager.add('custom_mce_button1', function(editor, url) {
editor.addButton('custom_mce_button1', {
text: 'Showhide EN',
icon: false,
onclick: function() {
editor.insertContent('[mon_shortcode mon_attr="toto" autre_attr="tata"][/mon_shortcode ');
}
});
});
})();

0 commentaires

Soumettre un commentaire

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

Besoin d’aide personnalisée ?

Recevez de l’aide directement sur votre site : lors d’un appel Zoom avec partage d’écran, je travaillerais avec vous sur votre site.

Pratiquez à votre rythme avec les formations en ligne

Formation WordPress

Apprendre WordPress

Comprenez WordPress de A à Z : formation complète en vidéo pour tout apprendre de WordPress.

Formation Découvrir Divi

Découvrir Divi

Créez votre site Web sans faire de code grâce au constructeur visuel Divi.

Formation Mieux utiliser Divi

Mieux utiliser Divi

Mon expérience après avoir aidé des dizaines d'entreprises à améliorer leur site Web Divi.

Formation Hébergement

Guide hébergement

Un hébergement Web avec votre installation de WordPress dès aujourd’hui.

Formation Divi Intégration Web

Divi intégration Web

Création d'une page Web complexe à partir d'une maquette graphique.

Obtenez ma formation Divi gratuitement

Recevez ma formation Divi gratuite avec des astuces pour vous simplifier le quotidien.

Vous allez recevoir un email à l'adresse que vous avez indiqué.