Add a custom button to the wordpress wp_editor 18.10.19

1.
add the following to your plugin functions

/* Add Generate PDF Button to the Coupon Editor */
// add font type & font size selection option in the WYSIWYG editor                                                                                                                                                                                                             
if ( ! function_exists( 'wdm_add_mce_fontoptions' ) ):
  function wdm_add_mce_fontoptions( $buttons )
  {
    array_unshift( $buttons, 'fontselect' );
    array_unshift( $buttons, 'fontsizeselect' );
    return $buttons;
  }
endif;
add_filter( 'mce_buttons_3', 'wdm_add_mce_fontoptions' );

// hooks your functions into the correct filters                                                                                                                                                                                                                                
function wdm_add_mce_button()
{
// check user permissions                                                                                                                                                                                                                                                       
  if ( !current_user_can( 'edit_posts' ) &&  !current_user_can( 'edit_pages' ) ):
    return;
  endif;
  // check if WYSIWYG is enabled                                                                                                                                                                                                                                                
  if ( 'true' == get_user_option( 'rich_editing' ) ):
    add_filter( 'mce_external_plugins', 'wdm_add_tinymce_plugin' );
    add_filter( 'mce_buttons', 'wdm_register_mce_button' );
  endif;
}

add_action('admin_head', 'wdm_add_mce_button');

// register new button in the editor                                                                                                                                                                                                                                            
function wdm_register_mce_button( $buttons )
{
  array_push( $buttons, 'wdm_mce_button' );
  return $buttons;
}

// declare a script for the new button                                                                                                                                                                                                                                          
function wdm_add_tinymce_plugin( $plugin_array )
{
  $plugin_array['wdm_mce_button'] = get_stylesheet_directory_uri() .'/js/wdm-mce-button.js';
  return $plugin_array;
}

2.
add the javascript code to your plugin js file:

you add an editor like:

<label for="giftcoupon_html" style="font-size:20px;">Coupon Design:</label><br/>
<?php

wp_editor($giftcoupon_html,'giftcoupon_html',array(
    'wp_editor'=>'',
    'textarea_rows'=> '20',

));
?>

https://wisdmlabs.com/blog/add-buttons-menu-options-tinymce-wordpress-post-editor/

Anonymous

Add a custom button to the wordpress wp_editor 18.10.19

Information Epoch 1751407086