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

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

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

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

2.在項(xiàng)目中建立一個(gè)用于保存UEditor的目錄，如ueditor；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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