如鵬網(wǎng)項目課件前端組件ueditor使用_第1頁
如鵬網(wǎng)項目課件前端組件ueditor使用_第2頁
免費預(yù)覽已結(jié)束，剩余1頁可下載查看

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

UEditor富文本編輯器使用文檔UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗等特點，開源基于MIT協(xié)議，允許自由使用和修改代碼。1下載并解壓縮匹配自己服務(wù)器端語言和項目編碼的發(fā)布包，如Jsp、UTF-8版本。在項目下新建ueditor目錄，把解壓縮目錄utf8-jsp下的所有目錄和文件復(fù)制到ueditor目錄2在頁面中引入ueditor.config.js、ueditor.all.min.js這兩個js文件3在頁面中添加一個type為text/plain的<script>標簽作為富文本編輯器<scripttype="text/plain"id="content"name="content"></script>4創(chuàng)建富文本編輯器<scripttype="text/javascript">varueditor=UE.getEditor("content");//varueditor=UE.getEditor("content",options);//可以通過options配置ueditor</script>前端主要配置項如下：參數(shù)值類型說明toolbars二維數(shù)組指定工具欄顯示哪些圖標按鈕，具體參考/ueditor/#start-toolbarinitialFrameWidthNumber初始化時編輯器的寬度initialFrameHeightNumber初始化時編輯器的高度elementPathEnabledBoolean是否顯示元素路徑，默認truewordCountBoolean是否開啟統(tǒng)計字符，默認truemaximumWordsNumber允許內(nèi)容的最大字符數(shù)，默認10000serverUrlString圖片、附件等上傳時的服務(wù)器路徑，默認為ueditor/jsp/controller.jsp其他前端配置項具體參考/ueditor/#start-config效果：示例代碼：由于插入圖片實際上是先把圖片上傳到服務(wù)器，然后再下載下來顯示，所以插入圖片需要服務(wù)器端支持，插入附件也類似。<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><scripttype="text/javascript"src="ueditor/ueditor.config.js"></script><scripttype="text/javascript"src="ueditor/ueditor.all.min.js"></script></head><body><scripttype="text/plain"id="content"name="content"></script><scripttype="text/javascript">varueditor=UE.getEditor("content",{toolbars:[['source','simpleupload','emotion','attachment']],elementPathEnabled:false,wordCount:false,initialFrameHeight:200});</script></body></html>5配置服務(wù)器端，使支持插入圖片、附件等主要服務(wù)器端配置項（在ueditor/jsp/config.json文件中）：配置項值類型說明xxFieldNameString上傳文件時表單項name屬性值，默認upfilexxMaxSizeNumber文件大小限制xxAllowFiles數(shù)組文件后綴名限制xxPathFormatString上傳文件保存路徑和文件名格式xxUrlPrefixString服務(wù)器端上傳成功后會返回給瀏覽器上傳文件的訪問路徑，如/upload/123.png。但瀏覽器使用此路徑不能正確的訪問到此圖片，需要在前面拼接上如"/ueditorDemo"項目路徑才可以。此配置項就是用來指定需要拼接的項目路徑此外還需要把ueditor/jsp/lib目錄下的jar包添加到項目的WEB-INF/lib下其他具體請參考官方文檔/ueditor/6在maven項目中配置ueditor文件上傳依賴的jar包注意：commons-codec-1.9.jar不是必須的commons-fileupload-1.3.1.jar依賴commons-io-2.4.jarjson.jar在配置依賴時版本有變化ueditor-1.1.2.jarmaven中央倉庫中沒有此依賴，需要手動添加到自己的本地倉庫，并且也需要在公司的私服中手動添加此依賴<!--UEditor富文本編輯器--><dependency> <groupId>com.baidu.ueditor</groupId> <artifactId>ueditor</artifactId> <version>1.1.2</version></dependency><dependency><groupId>org.json</groupId><artifactId>json</artifactId><version>20160810</version></dependency><!--文件上傳--><dependency>

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論