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 —— 标签显示名称 —— 点第一次输出代码 —— 再点一次输出闭合

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

评论

还没有任何评论,你来说两句吧!