在使用WordPress建站过程中，我们经常需要对默认编辑器进行功能扩展，以满足特定的内容创作需求。本文将详细介绍如何为WordPress编辑器添加自定义功能。

一、使用函数扩展编辑器

通过WordPress提供的tiny_mce_before_init过滤器，我们可以轻松添加自定义样式、按钮和功能：

function custom_editor_settings($settings) {
    $settings【'style_formats'】 = json_encode(array(
        array(
            'title' => '提示框',
            'block' => 'div',
            'classes' => 'custom-tip',
            'wrapper' => true
        )
    ));
    return $settings;
}
add_filter('tiny_mce_before_init', 'custom_editor_settings');

二、添加自定义快捷按钮

通过以下代码可以为编辑器工具栏添加自定义按钮：

function add_custom_buttons($buttons) {
    array_push($buttons, 'custom_button');
    return $buttons;
}
add_filter('mce_buttons', 'add_custom_buttons');

function register_custom_buttons($plugin_array) {
    $plugin_array【'custom_buttons'】 = get_template_directory_uri() . '/js/custom-buttons.js';
    return $plugin_array;
}
add_filter('mce_external_plugins', 'register_custom_buttons');

三、创建自定义区块

对于Gutenberg编辑器，可以使用registerBlockType函数创建自定义区块：

registerBlockType('custom/block', {
    title: '自定义区块',
    icon: 'smiley',
    category: 'layout',
    edit: function() {
        return wp.element.createElement('div', null, '自定义区块内容');
    },
    save: function() {
        return wp.element.createElement('div', null, '保存的内容');
    }
});

通过以上方法，你可以根据网站需求灵活扩展WordPress编辑器的功能，提升内容创作效率和用户体验。