1. 程式人生 > >科室管理系統中,運用百度編輯器(ueditor1_4_3-utf8-jsp)出現的一系列問題!

科室管理系統中,運用百度編輯器(ueditor1_4_3-utf8-jsp)出現的一系列問題!

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
public 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);
		  }
	 }
}
編寫過濾器,對ueditor中的controller.jsp不進行Struts2的過濾,如上程式碼: 2.配置web.xml
<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>

這樣即可!