UEditor編輯器特別版是一款功能十分強大的文本編輯工具,小巧的體積,優(yōu)良的性能,簡單的操作,還有什么是不能夠滿足用戶的?具備不同層次的用戶需求,適合個人、可以團隊,專業(yè)的后臺技術支持,給用戶帶來最佳的使用體驗。
1、功能全面
UEditor編輯器特別版涵蓋流行富文本編輯器特色功能,獨創(chuàng)多種全新編輯操作模式。
2、用戶體驗
屏蔽各種瀏覽器之間的差異,提供良好的富文本編輯體驗。
3、開源免費
開源基于MIT協議,支持商業(yè)和非商業(yè)用戶的免費使用和任意修改。
4、定制下載
細粒度拆分核心代碼,提供可視化功能選擇和自定義下載。
5、專業(yè)穩(wěn)定
百度專業(yè)QA團隊持續(xù)跟進,上千自動化測試用例支持。
1、將下載下來的包解壓之后,復制到自己的項目web路徑中,例子中我們復制到webapp的resources目錄下面
2、這個時候再創(chuàng)建一個demo的jsp頁面用來顯示editor的編輯器,demo的內容可以從官網的幫助文檔中獲取,然后根據自己的需要修改即可
3、啟動web項目,然后瀏覽器訪問測試地址,http://localhost:8080/study-web/test/ueditor,打開之后的頁面
4、看到這一步的時候,則表示ueditor的初始化部署已經完成,下面來看下看下如何設置和獲取編輯器內容
5、ready是初始化完成之后執(zhí)行的js代碼,setContent是設置編輯器內容,getContent是獲取html內容,getContentTxt則是獲取的純文本值
ue.setContent('hello');
var html = ue.getContent();
var txt = ue.getContentTxt();
按F12打開瀏覽器調試工具,再刷新頁面看下效果,查看瀏覽器控制臺打印結果
6、從打印結果可以看到獲取的純文本值為hello,使用ueditor提供的getContentTxt方法就可以
1、現象描述,拉動滾動條來回跳動,無法滾動到網頁底部,確定按鈕也點不到。無法完成編輯。
2、審查元素看到。原來工具欄上方增加了fixed 樣式,工具欄浮動后,導致頁面縮短,觸發(fā)工具欄回位網頁。然后頁面又拉長,又導致工具欄浮動所致無限循環(huán),拉不到底部。。用firebug 查看元素
3、發(fā)現ueditor 在工具欄的元素上增加了一個div .這個div 沒高度。所以只要在這個div增加工具欄的高度的像素,工具欄浮起來后,頁面就不會縮短,導致剛才的問題了。
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、至此就可以平滑拉動到底部了,不會出現來回跳動的bug 了。。如可以看到確定按鈕了。
1、在本站下載UEditor編輯器特別版安裝包
2、使用壓縮軟件進行解壓(推薦使用winrar)
3、點擊exe文件開始安裝