萬盛學電腦網

 萬盛學電腦網 >> WORD教程 >> WORD使用技巧 >> WordPress插件百度UEdito編輯器

WordPress插件百度UEdito編輯器

   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"/>

QQ截圖20150617172312

 

  來源:外快-校賺網 原創文章如轉載,請注明本文鏈接: http://www.stcash.com/3459

copyright © 萬盛學電腦網 all rights reserved