如何在wordpress中将自定义按钮添加到我的tinyMCE

在WordPress中，可以通过以下步骤将自定义按钮添加到TinyMCE编辑器：

创建一个自定义插件：
- 在WordPress的插件目录中创建一个新文件夹，命名为custom-tinymce-button（可以根据自己的需求命名）。
- 在该文件夹中创建一个名为custom-tinymce-button.php的PHP文件。
- 在custom-tinymce-button.php文件中，添加以下代码：

<?php
/*
Plugin Name: Custom TinyMCE Button
Plugin URI: https://your-plugin-url.com
Description: Adds a custom button to the TinyMCE editor.
Version: 1.0
Author: Your Name
Author URI: https://your-website.com
License: GPL2
*/

// Enqueue the necessary scripts and styles
function custom_tinymce_button_enqueue_scripts() {
    wp_enqueue_script('custom-tinymce-button-script', plugins_url('custom-tinymce-button.js', __FILE__), array('jquery'), '1.0', true);
}
add_action('admin_enqueue_scripts', 'custom_tinymce_button_enqueue_scripts');

// Add the button to the TinyMCE toolbar
function custom_tinymce_button_add_button($buttons) {
    array_push($buttons, 'custom_tinymce_button');
    return $buttons;
}
add_filter('mce_buttons', 'custom_tinymce_button_add_button');

// Register the TinyMCE plugin
function custom_tinymce_button_register_plugin($plugin_array) {
    $plugin_array['custom_tinymce_button'] = plugins_url('custom-tinymce-button.js', __FILE__);
    return $plugin_array;
}
add_filter('mce_external_plugins', 'custom_tinymce_button_register_plugin');

创建一个JavaScript文件：
- 在custom-tinymce-button文件夹中创建一个名为custom-tinymce-button.js的JavaScript文件。
- 在custom-tinymce-button.js文件中，添加以下代码：

(function() {
    tinymce.PluginManager.add('custom_tinymce_button', function(editor, url) {
        editor.addButton('custom_tinymce_button', {
            text: 'Custom Button',
            icon: false,
            onclick: function() {
                // 在这里添加自定义按钮的功能代码
                editor.insertContent('Hello World!');
            }
        });
    });
})();