本文主要是介绍SSH下整合CKEditor+CKFinder问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
转自:http://hunanpengdake.iteye.com/blog/1633814
SSH下整合CKEditor+CKFinder问题
博客分类:- 常用后台框架
struts ckEditor ckfiner struts2
[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修改:
参考文章:
http://www.cnblogs.com/yezhenhan/archive/2011/12/10/2282986.html
----------------------------------------------------------------------------------------------------
5,Js写法的页面代码:
6,Web.xml配置:
---struts2与servlet并存解决方法:使用自定义过滤器,将web.xml中添加的ckfinder的servlet过滤内容从struts2过滤中排除;
7,自定义过滤器:
参考文章:
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:
替换TEXTAREA标签:
当然,我也不知道这篇文章的原始出处了,大概是经过很多人修改,测试过的吧。
[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>
这篇关于SSH下整合CKEditor+CKFinder问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!