UEdito 百度旗下出品的一款編輯器,功能異常強大,支持任何類型的編輯複製,所見即所得。 UEdito 支持 WordPress 4.0 以上的版本。就 UEdito 的功能來説,目前已經超越了市場上其它的所有編輯插件。而我們默認的 WordPress 的編輯器在這款 UEdito 插件面前簡直寒酸的慘不忍睹。 下圖是 WordPress 默認編輯器和百度 UEdito 編輯器的對比。

WordPress編輯器

WordPress 編輯器

WordPress編輯插件

WordPress 編輯插件

UEdito 簡介: UEditor 編輯器 For WordPress 插件是由百度 web 前端研發部開發的所見即所得富文本 web 編輯器,具有輕量,可定製,注重用户體驗等特點,開源基於 bsd 協議,允許自由使用和使用代碼。 UEditor 編輯器內置了代碼高亮功能,對於碼農來説,簡直是神器級編輯器插件啊。 WordPress ueditor 插件集成的功能:百度地圖、音樂播放器、視頻播放器、百度應用、谷歌地圖。

UEdito 演示地址:http://ueditor.baidu.com/website/onlinedemo.html

這款插件的功能跟我們在平時百度知道發評論的時候的界面沒有什麼不同,對於國內的朋友來説,WordPress 的編輯器功能實在是少的可憐,我們都是通過代碼的修改來達到擴展編輯器的目的,甚至裝上了編輯器擴展插件,以及代碼高亮的插件,但是這款插件的功能十分豐富,用一句話來説就是隻有你想不到的,沒有這款插件沒有的,如果你會修改該插件的代碼還可以進行刪除自己不喜歡的功能而實現功能的定製。 把怎麼使用這款插件的教程放在最後,對付那些不認真看教程的人。

1,到百度官網下載 ueditor

http://ueditor.baidu.com/website/download.html

2,WordPress 網站選擇 PHP 版本,至於是 UTF-8 還是 GBK,這就要看你的網站是那種類型了

WordPress編輯插件百度UEdito編輯器,

WordPress 編輯插件百度 UEdito 編輯器

點擊右鍵,查看網頁源碼。如圖所示,我的網址是 UTF-8 類型

QQ截圖20150617165030

3,將下載的壓縮包解壓,並上傳到網站根目錄

QQ截圖20150617171534

4,配置 WordPress 根目錄/ueditor/editor_config.js 。

在第 28 行之後添加上這句:

URL = "http://127.0.0.1/nn775/ueditor/";

其中"http://127.0.0.1/nn775/ueditor/"為你 ueditor 的目錄,比如,我這裏的路徑是 "http://www.stcash.com/ueditor1_4_3-utf8-php/"

5,編輯 WordPress 的主題,在想要添加編輯器的模版頁添加如下的內容:(比如 single.php)

QQ截圖20150617174425

/ueditor/themes/default/ueditor.css"/> <!–style 給定寬度可以影響編輯器的最終寬度–>

QQ截圖20150617172312