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

折騰玩 （完） 。