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