平时写文时,用到的 <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 —— 标签显示名称 —— 点第一次输出代码 —— 再点一次输出闭合
如果是选择文本点击,会自动标签包含闭合