php 微小的MCE为短代码添加按钮

Posted 2021-05-04

(function() {
  tinymce.PluginManager.add('my_mce_button', function( editor, url ) {
    editor.addButton('my_mce_button', {
      text: 'Add Button',
      icon: false,
      onclick: function() {
        editor.insertContent('[button link=""]Learn more[/button]');
      }
    });
  });
})();

//   .dP"Y8 88  88  dP"Yb  88""Yb 888888  dP""b8  dP"Yb  8888b.  888888 .dP"Y8
//   `Ybo." 88  88 dP   Yb 88__dP   88   dP   `" dP   Yb  8I  Yb 88__   `Ybo."
//   o.`Y8b 888888 Yb   dP 88"Yb    88   Yb      Yb   dP  8I  dY 88""   o.`Y8b
//   8bodP' 88  88  YbodP  88  Yb   88    YboodP  YbodP  8888Y"  888888 8bodP'

/* ---------------------------
/*  Button Shortcode
/* --------------------------- */

/* Button Shortcode */

function sButton($atts, $content = null) {
  extract(shortcode_atts(array('link' => '#'), $atts));
  return '<a class="button button-lg" href="'.$link.'"><span>' . do_shortcode($content) . '</span><span class="icon-arrow-line-right"></span></a>';
}
add_shortcode('button', 'sButton');



// Hooks your functions into the correct filters
function my_add_mce_button() {
  // check user permissions
  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', 'my_add_tinymce_plugin' );
    add_filter( 'mce_buttons', 'my_register_mce_button' );
  }
}
add_action('admin_head', 'my_add_mce_button');

// Declare script for new button
function my_add_tinymce_plugin( $plugin_array ) {
  $plugin_array['my_mce_button'] = get_template_directory_uri() .'/js/mce-button.js';
  return $plugin_array;
}

// Register new button in the editor
function my_register_mce_button( $buttons ) {
  array_push( $buttons, 'my_mce_button' );
  return $buttons;
}