範文齋

位置:首頁 > 校園範文 > 其他

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

其他2.23W

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

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

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

找到插件了,於是安裝啓用,一看,小簡立刻杯具了,這款插件加上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)