WordPress 经典编辑器文本模式添加自定义标签

平时写文时，用到的 <pre> 代码高亮标签比较多，每次都要手动输入，比较麻烦

现添加按钮实现自动输入 <pre class="prettyprint linenums"> 方法如下：

修改主题的 functions.php 文件，添加如下代码：

add_action('admin_print_scripts', 'my_tags');
function my_tags() {
    wp_enqueue_script(
        'my_tags',
        get_stylesheet_directory_uri().'/js/my_tags.js',
        array('quicktags')
    );
}

在主题的 js 文件夹创建 my_tags.js 文件，添加代码如下：

QTags.addButton( 'hr', 'hr 标签', "\n<hr />\n", '' ); //快捷输入一个hr横线，点一下即可
QTags.addButton( 'p', 'P 标签', "<p>\n", "\n</p>" );  //快捷输入p标签    
QTags.addButton( 'pre', '代码高亮', '<pre class="prettyprint linenums">\n', "\n</pre>" ); //快捷输入p标签    

addButton 方法参数说明：

标签ID —— 标签显示名称 —— 点第一次输出代码 —— 再点一次输出闭合

如果是选择文本点击，会自动标签包含闭合

转载请注明出处：吖Go博客 » WordPress 经典编辑器文本模式添加自定义标签