How to add a shortcode button to wordpress page or post editor tinymce
Just copy and paste below code into your theme's functions.php file or your custom plugin's file and change according to your shortcode. add_action( 'init', 'rj_ctn_buttons' ); function rj_ctn_buttons() { add_filter( "mce_external_plugins", "rj_add_ctn_buttons" ); add_filter( 'mce_buttons', 'rj_register_ctn_buttons' ); } function rj_add_ctn_buttons( $plugin_array ) { $plugin_array['rj_ctn'] = get_stylesheet_directory_uri() . '/js/rj-ctn-plugin.js'; //include shortcode plugin js file in tinymce plugins return $plugin_array; } function rj_register_ctn_buttons( $buttons ) { array_push( $buttons, 'ctn' ); // add button to tinymce buttons return $buttons; } and my rj-ctn-plugin.js file is as below (function() { tinymce.create('tinymce.plugins.Rj_ctn', { init : function(ed, url) { ed.addButton...