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

文件準(zhǔn)備
1、首先需要下載一些文件,首先是下載官網(wǎng)最新的UEditor編輯器,現(xiàn)在最新的是1.4.3.3版。進(jìn)入如下鏈接,下載PHP版:

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

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

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

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

文件打包
BUG修復(fù)
先森發(fā)現(xiàn),這樣直接上傳之后,后臺(tái)編輯框的高度只有80px,非常不利于編輯。

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

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

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

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