1、下載

　　　　官網(wǎng)下載ckeditor，解壓后去掉不需要的部分，僅需保留plugin,lang,theme文件夾，這三個(gè)文件夾中用不到的東西可以刪除， 比如lang文件下存放所有語言文件js，僅僅　　保留en.js和zh_CN.js即可，保留jsp文件夾下的json_upload.jsp文件和 kindeditor.js文件即可,把jsp下面的jar導(dǎo)入

在線編輯器：http://kindeditor.net/

2、修改json_upload.jsp

　　修改json_upload.jsp文件保存路徑即可修改一下兩句即可。

　　//文件保存目錄路徑　　String savePath = pageContext.getServletContext().getRealPath("/upload");

　　//文件保存目錄URL,此處為絕對路徑　　String saveUrl = request.getContextPath()+"/upload";

3、可選

　　obj.put("url", request.getContextPath()+"/img/" + newFileName);//修改返回到編輯器顯示的圖片

4、在plugins/images/image.js修改

　　 uploadJson = K.undef(self.uploadJson, self.basePath + 'jsp/upload_json.jsp')

5、在plugins/filemanager/filemanager.js修改

fileManagerJson = K.undef(self.fileManagerJson, self.basePath + 'jsp/file_manager_json.jsp'),

6、jsp中

　　<link rel="stylesheet" href="<%=application.getContextPath() %>/themes/default/default.CSS" /> <script charset="utf-8" src="<%=application.getContextPath() %>/js/kindeditor.js"></script> <script charset="utf-8" src="<%=application.getContextPath() %>/lang/zh_CN.js"></script>

　　<script charset="utf-8" src="<%=application.getContextPath() %>/lang/zh_CN.js"></script> <script> var editor; KindEditor.ready(function(K) { editor = K.create('textarea[id="content"]', { filterMode:false, resizeType : 1, allowPReviewEmoticons : true, allowImageUpload : true, items : [ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link'] }); K('input[name=submit]').click(function(e) { editor.value=editor.text(); }); }); </script>

<textarea tabindex="4" name="brand.content" id="content" style="width:80.2%"></textarea>

----------------------------struts----------------------------------------------------

1、struts直接<url-pattern>/*</url-pattern>會(huì)攔截了在線編輯器的url，所以需要進(jìn)行下面的配置，這個(gè)只是解決那個(gè)問題的其中一種

2、自定義filter

public class KindeditorUrlFilter extends StrutsPrepareAndExecuteFilter { @Override public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletRequest request = (HttpServletRequest) req; //不過濾的url String url = request.getServletPath(); if ("/js/jsp/file_manager_json.jsp".equals(url)) { chain.doFilter(req, res); }else if("/js/jsp/upload_json.jsp".equals(url)){ chain.doFilter(req, res); }else{ //System.out.println("使用默認(rèn)的過濾器"); super.doFilter(req, res, chain); } }}

3、web.xml配置filter

<filter> <filter-name>struts2</filter-name> <filter-class>com.dan.action.KindeditorUrlFilter</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>