WordPress编辑器增加清理 code 标签”功能（适用所有主题）

从HTML网页或者markdown文章粘贴进WordPress编辑器时总会产生些code代码，部分内容是HTML代码或者文字也会被加进去，每次清理非常麻烦，本次以就以本站WordPress编辑器增加个清理 code 标签”功能分享给大家代码，只需要复制粘贴即可使用。

• 在编辑器工具栏增加按钮：清理代码标签
• 点击后会：
  1. 删除  和
  2. 删除  和
  3. 把 <code...> 这种转义形式也清掉（可选）
• 仅影响当前编辑器内容，不改其他页面

一键清除效果如下：

加到 functions.php 的代码

你的主题目录/wp-content/themes

放在文件末尾 ?> 前（如果没有 ?> 就直接加最后）

/**
 * 经典编辑器增加“清理代码标签”按钮
 */
add_filter('mce_external_plugins', function($plugins){
    $plugins['clear_code_wrapper'] = get_stylesheet_directory_uri() . '/assets/js/tinymce-clear-code.js';
    return $plugins;
});

add_filter('mce_buttons', function($buttons){
    $buttons[] = 'clear_code_wrapper';
    return $buttons;
});

同时新建 JS 文件

路径（按上面代码）： /wp-content/themes/你的当前主题或子主题/assets/js/tinymce-clear-code.js

(function() {
  tinymce.PluginManager.add('clear_code_wrapper', function(editor) {
    editor.addButton('clear_code_wrapper', {
      text: '清理代码标签',
      tooltip: '移除 code/pre 包裹，防止样式污染',
      icon: false,
      onclick: function() {
        var html = editor.getContent({ format: 'html' });

        html = html.replace(/<\s*code\b[^>]*>/gi, '');
        html = html.replace(/<\s*\/\s*code\s*>/gi, '');
        html = html.replace(/<\s*pre\b[^>]*>/gi, '');
        html = html.replace(/<\s*\/\s*pre\s*>/gi, '');

        html = html.replace(/&lt;\s*code\b[^&]*&gt;/gi, '');
        html = html.replace(/&lt;\s*\/\s*code\s*&gt;/gi, '');
        html = html.replace(/&lt;\s*pre\b[^&]*&gt;/gi, '');
        html = html.replace(/&lt;\s*\/\s*pre\s*&gt;/gi, '');

        editor.setContent(html, { format: 'html' });

        editor.notificationManager.open({
          text: '已清理 code/pre 标签',
          type: 'success',
          timeout: 1500
        });
      }
    });
  });
})();