不使用外掛實現對Wordpress的預設編輯器的增強

很多人看不上wordpress的編輯器，因為可用功能實在是少的可憐。由於小簡經常要文章中插入各種程式碼，在之前小簡一直使用的編輯器增強外掛“CK and SyntaxHighlighter"這個編輯器很強大，但是後來發現顯示的程式碼高亮與小簡用的模板嚴重不符!由於小簡部落格做了防複製，導致頁面程式碼又不能複製，小簡需要一款外掛實現程式碼高亮並且支援複製！

後來經過小簡百度一下又繼續谷歌兩下下。。嘿嘿~終於發現了一款令小簡滿意的程式碼高亮外掛而且還可以複製程式碼！

找到外掛了，於是安裝啟用，一看，小簡立刻杯具了，這款外掛加上CK and SyntaxHighlighter編輯器外掛，兩個一起使用，竟然有衝突，寫出的程式碼好多是亂碼！測試了下發現程式碼高亮的外掛只能在預設的編輯器中使用！也就是說我要先解除安裝CK and SyntaxHighlighter編輯器外掛才能使用它！天理何在啊...T-T

小簡天生愛折騰的命，這個問題必須解決！

現在擺在小簡面前的問題是,想要使用編輯器外掛，就不能使用程式碼高亮外掛，但是我兩個都需要啊，這種二選一的難題真令人頭痛啊 ，必須找個兩全其美的辦法來解決！

四處尋覓無果！小簡無意看了一下wordpress官方的API函式。蒼天有眼啊 ！！原來，後臺的`編輯器可以插入很多增強功能！小簡果斷解除安裝掉CK and SyntaxHighlighter編輯器外掛！事實上，Wordpress的編輯器很強大，幾乎包含所有的編輯器按鈕。只是程式預設的功能比較少而已吖！

小簡馬上為自己的wordpress預設編輯器添加了常用的實用功能做下測試，效果還真是很不錯的吖。哈哈看圖！

1首先，找到你正在使用的那個主題的模版函式檔案（也就是這個檔案），在其中加入下面這段程式碼:

//增強編輯器開始
function add_editor_buttons($buttons) {
$buttons[] = fontselect;
$buttons[] = fontsizeselect;
$buttons[] = cleanup;
$buttons[] = styleselect;
$buttons[] = hr;
$buttons[] = del;
$buttons[] = sub;
$buttons[] = sup;
$buttons[] = copy;
$buttons[] = paste;
$buttons[] = cut;
$buttons[] = undo;
$buttons[] = image;
$buttons[] = anchor;
$buttons[] = backcolor;
$buttons[] = wp_page;
$buttons[] = charmap;
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");
//增強編輯器結束

2點選儲存。

3功能按鈕可以自行新增，你新增更多功能的時候只要把程式碼中 “$buttons[] =” 後面單引號內的單詞換成下面括號裡列出的那些Key就可以了啦！

還在糾結wordpress自帶編輯器功能少的朋友，快去試試看吧！

4wordpress編輯器按鈕呼叫的Key：

剪下（cut）複製（copy）貼上（paste）撤銷（undo）重做（redo）居中（justifycenter）

加粗（bold）斜體（italic）左對齊（justifyleft）右對齊（justfyright）

兩端對齊（justfyfull）插入超連結（link）取消超連結（unlink）插入圖片（image）

清除格式（removeformat）下劃線（underline）刪除線（strikethrough）

錨文字（anchor）新建文字（newdocument）

字型顏色（forecolor）字型背景色（backcolor）

格式選擇（formmatselect）字型選擇（fontselect）字號選擇（fontsizeselect）

樣式選擇（styleselect）無序列表（bullist）編號列表（numlist）

減少縮排（outdent）縮排（indent）幫助（wp_help）

開啟HTML程式碼編輯器（code）水平線（hr）清除冗餘程式碼（cleanup）

上標（sub）下標（sup）特殊符號（charmap）

插入more標籤（wp_more）插入分頁標籤（wp_page）

隱藏按鈕顯示開關（wp_adv）

隱藏按鈕區起始部分（wp_adv_start）

隱藏按鈕區結束部分（wp_adv_end）

拼寫檢查（spellchecker）