科室管理系統中,運用百度編輯器(ueditor1_4_3-utf8-jsp)出現的一系列問題!
阿新 • • 發佈:2019-01-03
1.首先下載ueditor1_4_3-utf8-jsp並解壓,下載地址:http://ueditor.baidu.com/website/download.html
2,在MyEclipse裡新建一個 hnzhy專案(我新建的專案為hnzhy),建好專案後,會有一個WebRoot資料夾,在此目錄下新建資料夾ueditor1_4_3,
然後把解壓的ueditor1_4_3-utf8-jsp目錄下的所有檔案都複製到新建資料夾ueditor1_4_3下
如下圖所示:
3,在index.jsp中配置引用ueditor:
4,把ueditor1_4_3-utf8-jsp\jsp\lib下的jar包複製到WebRoot/WEB-INF/lib下(注意jar包衝突),如下圖:
5.,開啟ueditor1_4_3/jsp/config.json檔案:修改圖片訪問路徑字首imageUrlPrefix的值為符合專案訪問的值,如下圖:
6.修改ueditor1_4_3/ueditor.config.js的window.UEDITOR_HOME_URL為符合專案訪問的路徑,如下圖:
7.在ueditor1_4_3/ueditor.config.js中也可修改編輯器的大小,如下圖:
8.在tomcat中啟動專案後,輸入地址http://localhost:8080/UeditorDemo/index.jsp就會出現編輯器,選擇圖片上傳按鈕即可上傳圖片,
注意: 一:如果在java專案中引入百度編輯器時,百度編輯器不顯示的話,則可以看看jsp引入js和css路徑,如下圖:
二:在SSH框架中可能上傳圖片時,會報錯:未找到上傳資料,解決辦法如下: 1.新建立一個過濾器filter
這樣即可!
3,在index.jsp中配置引用ueditor:
4,把ueditor1_4_3-utf8-jsp\jsp\lib下的jar包複製到WebRoot/WEB-INF/lib下(注意jar包衝突),如下圖:
5.,開啟ueditor1_4_3/jsp/config.json檔案:修改圖片訪問路徑字首imageUrlPrefix的值為符合專案訪問的值,如下圖:
6.修改ueditor1_4_3/ueditor.config.js的window.UEDITOR_HOME_URL為符合專案訪問的路徑,如下圖:
7.在ueditor1_4_3/ueditor.config.js中也可修改編輯器的大小,如下圖:
8.在tomcat中啟動專案後,輸入地址http://localhost:8080/UeditorDemo/index.jsp就會出現編輯器,選擇圖片上傳按鈕即可上傳圖片,
注意: 一:如果在java專案中引入百度編輯器時,百度編輯器不顯示的話,則可以看看jsp引入js和css路徑,如下圖:
二:在SSH框架中可能上傳圖片時,會報錯:未找到上傳資料,解決辦法如下: 1.新建立一個過濾器filter
編寫過濾器,對ueditor中的controller.jsp不進行Struts2的過濾,如上程式碼: 2.配置web.xmlpublic class UeditorFilter extends StrutsPrepareAndExecuteFilter { public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletRequest request = (HttpServletRequest) req; String url = request.getRequestURI(); if (url.endsWith("controller.jsp")) { chain.doFilter(req, res); } // 攔截使用預設的攔截 else { super.doFilter(req, res, chain); } } }
<filter>
<filter-name>struts2</filter-name>
<filter-class>cn.edu.hactcm.hnzhy.filter.UeditorFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
這樣即可!