给wordpress后台文本编辑器增加快捷短代码按钮

WordPress自带的编辑器是很简陋没有过多功能的，经常在文本模式编辑文章有时候为了获得一个标签来回在可视化模式之间来回切不方便，如果多几个快捷按钮以后编辑的时候就方便多了，知道了添加模式以后想要啥按钮功能随意整；
将下面代码放入当前使用主题更目录下的function.php文件中

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

主题js目录下新建文件 my_quicktags.js，加入下面代码

QTags.addButton( 'hr', 'hr', "\n
\n", '' );//添加横线
QTags.addButton( 'h2', 'h2', "\n
", "
\n" ); //添加标题2
QTags.addButton( 'h3', 'h3', "\n
", "
\n" ); //添加标题3
QTags.addButton( 'pre', 'pre', '\n
\n\n', "" ); //添加高亮代码