不使用插件實現對WordPress默認編輯器的增強


四處尋覓無果。無意看了一下wordpress官方的API函數。蒼天有眼啊!原來,后台的編輯器可以插入很多增強功能。果斷卸載掉CK and SyntaxHighlighter編輯器插件。事實上,Wordpress的編輯器很強大,幾乎包含所有的編輯器按鈕。只是程序默認的功能比較少而已吖!

馬上為自己的wordpress默認編輯器添加了常用的實用功能做下測試,效果還真是很不錯的吖。哈哈看圖!

是不是和默認的那個簡陋的編輯器不一樣呢?最后一行功能是用代碼加上的。這些功能默認編輯器是沒有的!只是我們需要把它們調出來加上就可以啦,開始還對這個摸索了不少時間- -,最后發現其實方法超級簡單!

找到你正在使用的那個主題的模版函數文件(也就是functions.php這個文件),在其中加入下面這段代碼:

//增強編輯器開始

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");

//增強編輯器結束

保存下就可以啦!哈哈,文章啟用防復制,頁面上的代碼是復制不了啦,但是你可以點擊代碼右上角”查看源代碼“按鈕,在彈出的窗口進行復制!

最后,附上搜集的按鈕調用的Key,也就是說,下面這些功能都可以增加到編輯器里面,哈哈,夠強大吧!

下面的功能按鈕可以自行添加,你添加更多功能的時候只要把代碼中 “$buttons[] =” 后面單引號內的單詞換成下面括號里列出的那些Key就可以了啦!

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

wordpress編輯器按鈕調用的Key:

1.剪切(cut)復制(copy)粘貼(paste)撤銷(undo)重做(redo)居中(justifycenter)

2.加粗(bold)斜體(italic)左對齊(justifyleft)右對齊(justfyright)

3.兩端對齊(justfyfull)插入超鏈接(link)取消超鏈接(unlink)插入圖片(image)

4.清除格式(removeformat)下划線(underline)刪除線(strikethrough)

5.錨文本(anchor)新建文本(newdocument)

6.字體顏色(forecolor)字體背景色(backcolor)

7.格式選擇(formmatselect)字體選擇(fontselect)字號選擇(fontsizeselect)

8.樣式選擇(styleselect)無序列表(bullist)編號列表(numlist)

9.減少縮進(outdent)縮進(indent)幫助(wp_help)

10打開HTML代碼編輯器(code)水平線(hr)清除冗余代碼(cleanup)

11.上標(sub)下標(sup)特殊符號(charmap)插入more標簽(wp_more)

12.插入分頁標簽(wp_page)

13.隱藏按鈕顯示開關(wp_adv)

14.隱藏按鈕區起始部分(wp_adv_start)

15.隱藏按鈕區結束部分(wp_adv_end)

16.拼寫檢查(spellchecker)

參考:http://www.chinaz.com/web/2012/0518/252577.shtml


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM