以前分享过 WordPress TinyMCE 编辑器增强技巧大全 和 WordPress 添加自定义编辑按钮的插件：AddQuicktag，都提到了 Quicktags，但那都是添加到后台剪辑器的，今天主要分享下WordPress评论表单添加Quicktags按钮的方法。
如果你不会折腾代码，安装 Basic Comment Quicktags 或 Comment Form Quicktags 插件即可。
如果你会折腾代码，不妨试试 @zwwooooo 大师的方法：
1. 在主题目录里建立个文件：my_quicktags.js，内容如下
1 2 3 4 5 6 7 8 9 |
//设置quicktags quicktags({ id: "comment", //评论框的ID，一般为 comment，根据自己主题设置 buttons: "strong,em,del,link,code" //内置有这些，根据自己需求选吧: strong,em,link,block,del,ins,img,ul,ol,li,code,more,spell,close }); //默认的引用（block）插入很蛋疼，所以自己定义了一个 QTags.addButton('quote','quote','<blockquote>','</blockquote>','quote'); //另外定义了个“下划线”，其它举一反三 QTags.addButton('U','U','<u>','</u>','U'); |
//设置quicktags
quicktags({
id: "comment", //评论框的ID，一般为 comment，根据自己主题设置
buttons: "strong,em,del,link,code" //内置有这些，根据自己需求选吧: strong,em,link,block,del,ins,img,ul,ol,li,code,more,spell,close
});
//默认的引用（block）插入很蛋疼，所以自己定义了一个
QTags.addButton(‘quote’,’quote’,'<blockquote>’,'</blockquote>’,’quote’);
//另外定义了个“下划线”，其它举一反三
QTags.addButton(‘U’,’U’,'<u>’,'</u>’,’U’);
2. 加载 jQuery 库和js文件，在主题文件 functions.php 加入如下代码：
1 2 3 4 5 6 7 8 |
if ( comments_open() && is_singular() ) { function zfunc_print_script() { wp_enqueue_script( 'jquery' ); //加载jQuery库，如果主题已经加载了jQuery库，可以不用这一行 wp_enqueue_script( 'quicktags' ); //加载js quicktags wp_enqueue_script( 'my_quicktags', get_template_directory_uri() . '/my_quicktags.js', array('my_quicktags','jquery'), '1.0', 1,true); //加载第1步建立的my_quicktags.js文件 } add_action('wp_enqueue_scripts', 'zfunc_print_script'); } |
if ( comments_open() && is_singular() ) {
function zfunc_print_script() {
wp_enqueue_script( ‘jquery’ ); //加载jQuery库，如果主题已经加载了jQuery库，可以不用这一行
wp_enqueue_script( ‘quicktags’ ); //加载js quicktags
wp_enqueue_script( ‘my_quicktags’, get_template_directory_uri() . ‘/my_quicktags.js’, array(‘my_quicktags’,’jquery’), ‘1.0’, 1,true); //加载第1步建立的my_quicktags.js文件
}
add_action(‘wp_enqueue_scripts’, ‘zfunc_print_script’);
}
这样就可以啦！
RSS