百度頁面編輯器Ueditor集成過程及疑問解答

百度頁面編輯器UEditor是一款由百度網(wǎng)站前端研發(fā)部開發(fā)體積小巧、使用簡單、性能優(yōu)良的在線HTML編輯器，讓用戶所見即所得，具有開源型，輕量，分層架構(gòu)，方便定制與擴(kuò)展等特點，可以進(jìn)行定制，能夠提供針對用戶體驗的功能，開放式基于MIT協(xié)議，非常適合開發(fā)人員使用，可以用 UEditor將傳統(tǒng)的多行文本輸入框(textarea)轉(zhuǎn)換為可視化的富文本，允許自由使用和修改代碼，支持多個瀏覽器Mozilla，Maxthon，Safari，MSIE，F(xiàn)ireFox和Chrome，滿足不同層次使用者的需求，同時特別適合團(tuán)隊開發(fā)，擁有QA團(tuán)隊持續(xù)支持，表現(xiàn)卓越專業(yè)，其擁有十分豐富完善的中文文檔，目前已經(jīng)應(yīng)用在百度各大產(chǎn)品線上，有需要的小伙伴趕快下載體驗吧，會帶給你超乎以往的更好使用體驗！

百度頁面編輯器Ueditor集成過程及疑問解答圖1

1.首先在本站下載UEditor，我下載的是JSP版本，解壓到任意目錄；

2.在項目中建立一個用于保存UEditor的目錄，如ueditor；

3.拷貝所有文件到ueditor文夾中，如下圖所示：

4.參考官方文檔，實例化一個編輯器，比如以下的代碼，編輯器的效果如下圖：

百度頁面編輯器Ueditor集成過程及疑問解答圖2

將jsp/lib下面的jar包放進(jìn)項目的lib目錄

【注意：如果是maven項目，ueditor這個jar包并沒有上傳到中央庫，你可以使用下面的命令將這個jar包安裝到本地maven庫中】

百度頁面編輯器Ueditor集成過程及疑問解答圖3

修改jsp/config.json中修改圖片和文件的上傳路徑：

百度頁面編輯器Ueditor集成過程及疑問解答圖4

至此就配置好了，單圖上傳，多圖上傳，附件上傳都OK了，當(dāng)然還有很多參數(shù)的配置有需要再去看文檔吧，我就改了下圖片的邊長限制"imageCompressBorder": 700，/* 圖片壓縮最長邊限制。

為什么ueditor編輯器放在本地服務(wù)器不能取名為ueditor?

下載一份PHP版ueditor編輯器，放在本地服務(wù)器，將此編輯器的相關(guān)文件放入一個ueditor文件夾中，并將這個文件夾放在本地服務(wù)器根目錄下，打開里面的index.html文件，上傳多圖，出現(xiàn)“服務(wù)器返回錯誤”。但是，把文件夾的名稱換一個，如：ueditor1（只要不是ueditor），多圖上傳就正常了。

我的本地服務(wù)器根目錄為：E:\xampp\htdocs，編輯器所有文件，放入ueditor文件夾，并將此文件夾放入服務(wù)器根目錄，“服務(wù)器返回錯誤”

百度頁面編輯器Ueditor集成過程及疑問解答圖5

改ueditor——> ueditor_1，就一切正常，這個咋解釋？難道放在服務(wù)器上的編輯器不能取名為ueditor嗎？

百度頁面編輯器Ueditor集成過程及疑問解答圖6