给wordpress编辑器添加 pre 代码高亮标签

PS：大前端网站关掉了，这些测试的资源我也手动发布到现在的这个博客了，不为了什么，就为了占用一点数据库。

之前用习惯了的主题，现在新建网站换到dux主题，后台没有代码高亮快捷按钮，每次粘贴代码都需要手动敲一下<pre>这个标签，真的很不习惯。

所以在网上找了教程，现在在主题下面的functions.php文件里添加了下面的代码，现在编辑代码终于不用手动敲一 pre 标签了，直接点一下就行了。

代码：（添加到主题下面的functions.php文件最下面）

//添加HTML编辑器自定义快捷标签按钮
add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
    QTags.addButton( 'hr', 'hr', "<hr/>", "" );
    QTags.addButton( 'h1', 'h1', "<h1>", "</h1>" );
    QTags.addButton( 'h2', 'h2', "<h2>", "</h2>" );
    QTags.addButton( 'h3', 'h3', "<h3>", "</h3>" );
    QTags.addButton( 'pre', 'pre', "<pre>", "</pre>" );
</script>
<?php
}?>