WordPress 教程：TinyMCE 編輯器和評論框添加 QuickTag

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 了：

折騰玩 （完） 。