WordPress 后台的默认的编辑器界面开启的功能并不是很多。如果你需要更多的快捷按钮,就需要添加自定义的 QuickTag 。

下面就说一下两个简单的方法来开启 TinyMCE 编辑器和前台平轮框的 QuickTag 。调用的都是 WordPress 内置的 QuickTag 。

AddQuicktag 是针对 WordPress 自带的 TinyMCE 编辑器的增强插件,主要是让你快速添加自定义按钮。你只需简单添加需要的快捷按钮,就可以了,不用再担心跟换主题造成的不便。支持可视化模式和 Html 编辑模式。还支持备份和恢复!

1. 直接在后台插件安装界面搜索 AddQuicktag 即可在线安装。

2. 启用插件后,在后台 设置 – AddQuicktag 就可以进到设置界面,根据自己的需要添加对应的快捷按钮。

另外我之前发过一篇 WordPress 自带 TinyMCE 编辑器增加自定义按钮的文章。上面有详细的说明怎样不用插件来实现添加 QuickTag 。感兴趣的可以去看看。

使用代码为评论框添加 QuickTag

1. 在主题目录里建立个文件:my_quicktags.js,内容如下

//设置 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 加入如下代码:

if ( comments_open() && is_singular() ) {
	function zfunc_print_script() {
		wp_enqueue_script( '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');
}

这样就 OK 了:

折腾玩 (完) 。