SSH上整合CKEditor+CKFinder有关问题

SSH下整合CKEditor+CKFinder问题
[color=darkblue]文章转自：http://sky-yangwang.iteye.com/blog/1489925

当然，我也不知道这篇文章的原始出处了，大概是经过很多人修改，测试过的吧。

[size=small]1，ckeditor：

1），http://ckeditor.com/download

CKEditor for Java ；---3.6.2下载；---ckeditor-java-3.6.2.war使用Tomcat分发包；---得到ckeditor-java-3.6.2文件内容；

2），复制ckeditor文件夹到项目web根路径下；

3），复制ckeditor-java-core-3.5.3.jar类库到项目web-inf下。

2，ckfinder：

1），http://ckfinder.com/download

Java；---2.2.1下载；---ckfinder_java_2.2.1.zip解压；---CKFinderJava.war使用Tomcat分发包；---得到CKFinderJava文件；

2），ckfinder

2），复制ckfinder文件夹到项目web根路径下；

3），复制lib下的类库到项目web-inf下（commons-fileupload-1.2.2.jar和commons-io-2.0.1.jar已有，不用复制）。

3，复制CKFinderJava\WEB-INF\config.xml到项目的web-inf下：

Config.xml配置修改：

<enabled>true</enabled>；---开启上传；

<baseURL>/sshWeb/WebsiteBackstage/userfiles/</baseURL>---上传文件存放位置；

上传文件、图片、flash的类型配置（先不动）；

4，ckeditor\config.js修改：

CKEDITOR.editorConfig = function( config ){// Define changes to default configuration here. For example:// config.language = 'fr';// config.uiColor = '#AADC6E';config.language =  "zh-cn" ; config.filebrowserWindowWidth = '1000';      config.filebrowserWindowHeight = '700';     config.filebrowserBrowseUrl =  '/sshWeb/ckfinder/ckfinder.html' ;      config.filebrowserImageBrowseUrl =  '/sshWeb/ckfinder/ckfinder.html?type=Images' ;      config.filebrowserFlashBrowseUrl =  '/sshWeb/ckfinder/ckfinder.html?type=Flash' ;      config.filebrowserUploadUrl =  '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files' ;      config.filebrowserImageUploadUrl =  '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images' ;      config.filebrowserFlashUploadUrl =  '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash' ;     };

参考文章：

http://www.cnblogs.com/yezhenhan/archive/2011/12/10/2282986.html

----------------------------------------------------------------

5，Js写法的页面代码：

<script src="../../ckeditor/ckeditor.js" type="text/javascript"></script><script src="../../ckfinder/ckfinder.js" type="text/javascript"></script><script src="../js/jquery-1.7.2.js" type="text/javascript"></script>  <script src="../../ckeditor/adapters/jquery.js" type="text/javascript"></script> <s:form action="about_add">     <s:textfield name="aboutUs.title" label="标题"/>      <s:textarea name="aboutUs.content" rows="30" cols="50" label="内容"/>      <script type="text/javascript">                   $('#editor').ckeditor();                   var editor = CKEDITOR.replace('aboutUs.content');                 CKFinder.setupCKEditor(editor, '/sshWeb/ckfinder/');            </script>     <s:submit/></s:form>

6，Web.xml配置：

---struts2与servlet并存解决方法：使用自定义过滤器，将web.xml中添加的ckfinder的servlet过滤内容从struts2过滤中排除；

<filter>          <filter-name>MyServlet</filter-name>         <filter-class>util.ReDispatcherFilter</filter-class>          <init-param>        <param-name>includeServlets</param-name>         <param-value>connector.java</param-value>         </init-param>      </filter>    <filter-mapping>         <filter-name>MyServlet</filter-name>          <url-pattern>/*</url-pattern>     </filter-mapping>               <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>   </filter>   <filter-mapping>         <filter-name>struts2</filter-name>         <url-pattern>*.action</url-pattern>     </filter-mapping>    <filter-mapping>        <filter-name>struts2</filter-name>        <url-pattern>/*</url-pattern>    </filter-mapping>              <servlet><servlet-name>ConnectorServlet</servlet-name><servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class><init-param><param-name>XMLConfig</param-name><param-value>/WEB-INF/config.xml</param-value></init-param><init-param><param-name>debug</param-name><param-value>false</param-value></init-param><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>ConnectorServlet</servlet-name><url-pattern>/ckfinder/core/connector/java/connector.java</url-pattern></servlet-mapping><filter><filter-name>FileUploadFilter</filter-name><filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>                <init-param>                    <param-name>sessionCookieName</param-name>                    <param-value>JSESSIONID</param-value>                </init-param>                <init-param>                    <param-name>sessionParameterName</param-name>                    <param-value>jsessionid</param-value>                </init-param></filter><filter-mapping><filter-name>FileUploadFilter</filter-name><url-pattern>/ckfinder/core/connector/java/connector.java       </url-pattern></filter-mapping><session-config><session-timeout>10</session-timeout></session-config>    <welcome-file-list>        <welcome-file>index.html</welcome-file></welcome-file-list>

7，自定义过滤器：

import java.io.IOException;import java.util.ArrayList;import java.util.Arrays;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.RequestDispatcher;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import javax.servlet.ServletResponse;import javax.servlet.http.HttpServletRequest;public class ReDispatcherFilter implements Filter {public void destroy() {   // TODO Auto-generated method stub}public void doFilter(ServletRequest req, ServletResponse resp,    FilterChain chain) throws IOException, ServletException {     HttpServletRequest request = (HttpServletRequest)req;   String target = request.getRequestURI();   target = target.lastIndexOf("?")>0         ?target.substring(target.lastIndexOf("/")+1,target.lastIndexOf("?")-target.lastIndexOf("/"))      :target.substring(target.lastIndexOf("/")+1);     System.out.println(target);   if(this.includes.contains(target))   {    RequestDispatcher rdsp = request.getRequestDispatcher(target);       System.out.println("go..............."+rdsp);    rdsp.forward(req, resp);   }   else    chain.doFilter(req, resp);}private ArrayList<String> includes = new ArrayList<String>();public void init(FilterConfig config) throws ServletException {     this.includes.addAll( Arrays.asList(config.getInitParameter("includeServlets").split(",")));}}

参考文章：

ssh&ckfinder&ckeditor struts2与servlet并存解决方法

http://blog.csdn.net/databaseyan/article/details/6914654

http://hi.baidu.com/xsl2007/blog/item/4eb796cf94e35f0992457e11.html

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

其它问题：

上传文件中文名问题；

上传文件位置问题；

单纯Ckeditor的使用:

下载最新的ckeditor文件: http://ckeditor.com/download

解压后复制到web层根目录下;

页面引用js:

<script src="ckeditor/ckeditor.js" type="text/javascript"></script>

替换TEXTAREA标签：

<textarea rows="30" cols="50" name="editor01">请输入.</textarea><script type="text/javascript">CKEDITOR.replace('editor01');</script>

查看更多 下一篇