手動集成最新版百度UEditor編輯器插件到WordPress
編輯:狂族晨曦 來源:WordPress技巧 日期:2016-08-17 閱讀: 9,454 次 23 條評論 » 百度已收錄
有朋友讓教下怎么使用ueditor官方的進行手動集成為WordPress插件,先森就花了點時間研究了一下,現在把方法發布出來。

文件準備
1、首先需要下載一些文件,首先是下載官網最新的UEditor編輯器,現在最新的是1.4.3.3版。進入如下鏈接,下載PHP版:

選擇PHP版本下載
2、下載百度UEditor編輯器插件1.4.3.1 For WordPress,我們需要用到一些里面的文件:
百度網盤:鏈接: http://pan.baidu.com/s/1c1bKhNy 密碼: sd46
下載之后,分別解壓,這時候就有了如下文件:

當前擁有的文件
手動集成
其實手動集成的方法非常簡單,只需復制下文件,修改個文件名即可。
1、第一步,把“\Ueditor編輯器1.4.3.1 for wordpress 4.0插件\ueditor”文件夾內“main.php”和“ueditor.class.php”復制到“ueditor1_4_3_3-utf8-php”文件夾中:

復制文件
2、第二步,將“ueditor1_4_3_3-utf8-php”文件夾中的“utf8-php”文件夾重命名為“ueditor”:

文件夾重命名
3、第三步,將“ueditor1_4_3_3-utf8-php”文件夾中的文件打包為zip壓縮包,手動集成最新版百度UEditor編輯器插件到WordPress就完成了,從WordPress后臺上傳插件啟用就可以使用了:

文件打包
BUG修復
先森發現,這樣直接上傳之后,后臺編輯框的高度只有80px,非常不利于編輯。

編輯器高度
修改編輯框的高度很簡單,直接在WordPress后臺->插件->編輯,選擇UEditor,編輯并更新ueditor.config.js中的第93行,將前面的雙斜杠注釋刪掉,后面的高度數值改為想要的高度(建議值:500px):

后臺編輯
編輯更新之后,再看編輯器的效果如下(高度為320px):

修改效果
總結
雖然步驟簡單,但若還是不想親自操作的話,也可以下載先森編譯好的最新版:
百度網盤下載 鏈接: http://pan.baidu.com/s/1c2Biu9E 密碼: chxs(成航先森)
另外,先森只是實現了手動集成的效果,其他可能出現的BUG還沒有發現或測試,如有疑問,歡迎發表評論。
歷史上的今天:
轉載請注明出處來自http://www.cnidcc.cn/ueditor_1433.html

川公網安備 51011202000104號
這個可以有喲!
博主,我太愛你了!
@Koolight: 在一起!在一起!在一起!
@小C博客: 那你怎么辦?
我之前放上過這個編輯器,但是總感覺不舒服就換回來了
現在博客幾乎不想折騰了,原生也很好,簡簡單單,能用即可~
用的云落的主題,有許多短代碼,用了博主以前發的百度編輯器,這些短代碼貌似就不能實現了(在文本模式中不顯示了)。不知道這個有辦法破沒有?
@真我風采: 這個的話,其實段代碼就是一對方括號中間加特殊的字符,然后通過wordpress鉤子將其識別并替換為其他的標簽。換成百度編輯器后,跟默認編輯器相關的那些短代碼按鈕也被替換了,然而其實,你手動輸入那些方括號代碼還是能夠生效的。所以你可以參考我之前的文章:給WordPress版UEditor編輯器增加四個彩色美化框自定義按鈕
博主的網站主題是自己開發的嗎?
@django: 是啊
非常感謝。我直接安裝了,沒有替換代碼什么的。不知道會不會有啥問題
博主,我使用這個插件,發布文章之后,里面插入的圖片不能居中啊
@阿舒: 文章中最后一張圖片“修改效果”中的百度UEditor編輯器功能鍵中,第二排的頭四個(HTML按鈕下面)就是控制圖片浮動位置的,其中就有居中。
@狂族晨曦:
我說的是在編輯器里可以居中,然后發布出去的文章里的圖片就往左邊了
@狂族晨曦: 博主大哥,真的不能改變浮動樣式啊,樣式沒法寫入html。只要點一下html浮動樣式就變回默認了。。。
是不是配置文件里邊禁用了這個功能了?
@狂族晨曦: 居中沒問題的,就是左浮動和右浮動不能保存
你這篇文章,總結標題那些藍色的框框怎么弄啊
學習了
按教程操作但編輯器什么都不顯示了
上傳圖片后無法進入媒體庫,文章也不顯示圖片路徑不對文件名也不對