您的位置:極速下載站 → 電腦軟件 → 網(wǎng)站源碼 → UEditor
UEditor是由百度 Web前端研發(fā)部開發(fā)的所見即所得的富文本在線編輯器,具有輕量,可定制,注重用戶體驗等特點,開源基于BSD協(xié)議,允許互聯(lián)網(wǎng)開發(fā)者自由傳播和使用代碼。百度UEditor的推出,可以幫助不少網(wǎng)站開者在開發(fā)富文本編輯器所遇到的難題,節(jié)約開發(fā)者因開發(fā)富文本編輯器所需要的大量時間,有效降低了企業(yè)的開發(fā)成本。
UEditor1.2.0版本是一個里程碑式的版本。除了功能以及性能的跨越式改進和提升(詳見changelog)之外,也對官網(wǎng)的文檔和自定義下載等內(nèi)容作了很大的更新,支持用戶在線定制并可以實時預(yù)覽和使用生成的定制版本,以幫助用戶更快更好的使用UEditor。更多精彩,敬請期待!
特色功能:
1.全新的分層理念,滿足多元化的需求。
2.兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome,實現(xiàn)瀏覽器無差別化。
3.統(tǒng)一不同瀏覽器下表格選取方式。提供黑/白名單的過濾機制。更好的word支持,實現(xiàn)粘貼轉(zhuǎn)換機制。
4.經(jīng)過專業(yè)的QA團隊測試,通過上千個測試用例,包括自動化用例和手動用例,目前仍然在不斷完善中。
功能說明:
功能全面
涵蓋流行富文本編輯器特色功能,獨創(chuàng)多種全新編輯操作模式。
用戶體驗
屏蔽各種瀏覽器之間的差異,提供良好的富文本編輯體驗。
開源免費
開源基于MIT協(xié)議,支持商業(yè)和非商業(yè)用戶的免費使用和任意修改。
定制下載
細粒度拆分核心代碼,提供可視化功能選擇和自定義下載。
專業(yè)穩(wěn)定
百度專業(yè)QA團隊持續(xù)跟進,上千自動化測試用例支持。
更新日志:
bug修復(fù)
修復(fù) xss 安全漏洞
官方網(wǎng)站:http://ueditor.baidu.com/website/index.html
相關(guān)搜索:編輯器
最近剛被分配了以個消息發(fā)布的任務(wù),其中用到了富文本編輯器。
其實看ueditor功能很強大,不過百度的設(shè)計還是很不錯的。只需要稍微配置一下就可以用了。
首先下載到 ueditor1_4_3-utf8-jsp.rar。
解壓以后整體拷貝到Java web項目的網(wǎng)頁根目錄下。我這里是用myeclipse建的項目,所以把ueditor拷貝到了WebRoot下即可。
第二步,引用ueditor/jsp/lib下的jar包。你可以選擇直接在java Build Path中配置,或者直接放入WebRoot/WEB-INF/lib文件夾中,項目會自動引用該文件夾下的jar。推薦使用直接放到WEB-INF/lib下,這樣你的jar是隨著項目移動的,系統(tǒng)會按照相對路徑加載項目下的jar。如果選擇第一種,如果當jar文件移動了,那么這個功能就會失效的。
第三步,在頁面上引入2個js文件
<scripttype="text/javascript"src="ueditor/ueditor.config.js"></script>
<scripttype="text/javascript"src="ueditor/ueditor.all.js"></script>
第四步,在頁面的編輯器位置,添加html代碼
<textareanametextareaname="content" id="myEditor"></textarea>
<scripttypescripttype="text/javascript">
UEDITOR_CONFIG.UEDITOR_HOME_URL = './ueditor/'; //一定要用這句話,否則你需要去ueditor.config.js修改路徑的配置信息
UE.getEditor('myEditor');
</script>
第五步,ueditor支持圖片、文檔、音樂等文件上傳功能,如果你想要配置上傳路徑,可以修改 ueditor/jsp/config.json。
這個文件對于每一個配置項,都明確的文字說明。附上一段圖片上傳的配置吧:
/* 上傳圖片配置項 */
"imageActionName": "uploadimage",/* 執(zhí)行上傳圖片的action名稱 */
"imageFieldName": "upfile",/* 提交的圖片表單名稱 */
"imageMaxSize": 2048000,/* 上傳大小限制,單位B */
"imageAllowFiles": [".png",".jpg",".jpeg",".gif",".bmp"],/* 上傳圖片格式顯示 */
"imageCompressEnable": true,/* 是否壓縮圖片,默認是true*/
"imageCompressBorder": 1600,/* 圖片壓縮最長邊限制 */
"imageInsertAlign": "none",/* 插入的圖片浮動方式 */
"imageUrlPrefix": "",/* 圖片訪問路徑前綴 */
"imagePathFormat":"_images/image/{yyyy}{mm}{dd}/{time}{rand:6}",/* 上傳保存路徑,可以自定義保存路徑和文件名格式 */