WordPress的经典编辑器添加一个按钮用来实现首行缩进

其实很多教程都是写如何自动实现首行缩进的，这种方法都不可控性太大，今天这种方法是在编辑器添加一个按钮用来实现首行缩进。仅支持经典编辑器，就是这样式的编辑器

首先在编辑器上添加一个按钮，名字就叫首行缩进

// 添加自定义按钮到经典编辑器
function add_indent_first_line_button($buttons) {
    array_push($buttons, 'indent_first_line');
    return $buttons;
}
add_filter('mce_buttons', 'add_indent_first_line_button');

// 注册并添加自定义 TinyMCE 插件
function register_indent_first_line_plugin($plugin_array) {
    $plugin_array['indent_first_line'] = get_template_directory_uri() . '/js/indent-first-line.js';
    return $plugin_array;
}
add_filter('mce_external_plugins', 'register_indent_first_line_plugin');

创建 JavaScript 插件文件

在你的主题目录下（如 wp-content/themes/你的主题名/js/）创建 indent-first-line.js 文件，并添加以下内容

(function() {
    tinymce.PluginManager.add('indent_first_line', function(editor) {
        editor.addButton('indent_first_line', {
            text: '首行缩进',
            icon: false,
            onclick: function() {
                var selectedNode = editor.selection.getNode();
                editor.dom.setStyle(selectedNode, 'text-indent', '2em');
            }
        });
    });
})();

over，搞定