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