軟件介紹

UEditor編輯器特別版是一款功能十分強大的文本編輯工具，小巧的體積，優(yōu)良的性能，簡單的操作，還有什么是不能夠滿足用戶的？具備不同層次的用戶需求，適合個人、可以團隊，專業(yè)的后臺技術(shù)支持，給用戶帶來最佳的使用體驗。

軟件特色

1、功能全面

UEditor編輯器特別版涵蓋流行富文本編輯器特色功能，獨創(chuàng)多種全新編輯操作模式。

2、用戶體驗

屏蔽各種瀏覽器之間的差異，提供良好的富文本編輯體驗。

3、開源免費

開源基于MIT協(xié)議，支持商業(yè)和非商業(yè)用戶的免費使用和任意修改。

4、定制下載

細(xì)粒度拆分核心代碼，提供可視化功能選擇和自定義下載。

5、專業(yè)穩(wěn)定

百度專業(yè)QA團隊持續(xù)跟進，上千自動化測試用例支持。

UEditor編輯器特別版怎么獲取內(nèi)容

1、將下載下來的包解壓之后，復(fù)制到自己的項目web路徑中，例子中我們復(fù)制到webapp的resources目錄下面

2、這個時候再創(chuàng)建一個demo的jsp頁面用來顯示editor的編輯器，demo的內(nèi)容可以從官網(wǎng)的幫助文檔中獲取，然后根據(jù)自己的需要修改即可

3、啟動web項目，然后瀏覽器訪問測試地址，http://localhost:8080/study-web/test/ueditor，打開之后的頁面

4、看到這一步的時候，則表示ueditor的初始化部署已經(jīng)完成，下面來看下看下如何設(shè)置和獲取編輯器內(nèi)容

5、ready是初始化完成之后執(zhí)行的js代碼，setContent是設(shè)置編輯器內(nèi)容，getContent是獲取html內(nèi)容，getContentTxt則是獲取的純文本值

ue.setContent('hello');

var html = ue.getContent();

var txt = ue.getContentTxt();

按F12打開瀏覽器調(diào)試工具，再刷新頁面看下效果，查看瀏覽器控制臺打印結(jié)果

6、從打印結(jié)果可以看到獲取的純文本值為hello，使用ueditor提供的getContentTxt方法就可以

UEditor編輯器特別版無法滾動到底部工具欄浮動bug怎么修復(fù)

1、現(xiàn)象描述，拉動滾動條來回跳動，無法滾動到網(wǎng)頁底部，確定按鈕也點不到。無法完成編輯。

2、審查元素看到。原來工具欄上方增加了fixed 樣式，工具欄浮動后，導(dǎo)致頁面縮短，觸發(fā)工具欄回位網(wǎng)頁。然后頁面又拉長，又導(dǎo)致工具欄浮動所致無限循環(huán)，拉不到底部。。用firebug 查看元素

3、發(fā)現(xiàn)ueditor 在工具欄的元素上增加了一個div .這個div 沒高度。所以只要在這個div增加工具欄的高度的像素，工具欄浮起來后，頁面就不會縮短，導(dǎo)致剛才的問題了。

4、打開編輯器配置ueditor.all.js文件，搜索

placeHolder.style.height = toolbarBox.offsetHeight + 'px';

大概在17546 行

5、再這里是創(chuàng)建剛才div 的js ,這里加上編輯器的高就可以，量了一下大概79px,jia將上面代碼替換為

placeHolder.style.height = toolbarBox.offsetHeight+79 + 'px';

保存。

6、至此就可以平滑拉動到底部了，不會出現(xiàn)來回跳動的bug 了。。如可以看到確定按鈕了。

安裝方法

1、在本站下載UEditor編輯器特別版安裝包

2、使用壓縮軟件進行解壓（推薦使用winrar）

3、點擊exe文件開始安裝