jquery插件

1. Datatables——jquery表格插件，可对表格进行排序、搜索、分页

官网：http://www.datatables.net/

使用介绍：http://410921124-qq-com.iteye.com/blog/1219420

2. CKEditor——HTML编辑器，所见即所得

官网：http://ckeditor.com/

3. CKFinder——Web浏览器的Ajax文件管理器

官网：http://ckfinder.com/

（1）因为CKEditor里有分页符，所以可以使用CKEditor+Datatables实现文字分页

利用CKEditor里的分页符源码：

<p>
	&nbsp;</p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>
	&nbsp;</p>

 在后台获取提交的页面源代码，通过split根据分页符对文字进行切割

//分页标志，注意回车换行符
	String pageTag = "<div style=\"page-break-after: always;\">\r\n" +
                     "\t<span style=\"display: none;\">&nbsp;</span></div>\r\n";

	//根据分页标志对内容进行划分
	public List<String> page(String detail){
		if(detail != null){
			String temp[] = detail.split(pageTag);
			dList = Arrays.asList(temp);
			return dList;
		}
		return null;
		
	}

 

（2）CKEditor + CKFinder可以实现上传下载功能。

4. formvalidator——验证表单

官网：（http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html，http://www.yhuan.com/forum.php）

5. CKEditor + CKFinder + SSH整合

转自：http://guoliang0-0-yahoo-cn.iteye.com/blog/1195348

一．需要的资源：

用到的网站，文件自己下载:

a) ckeditor_3.6.2 （解压）

download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.2/ckeditor_3.6.2.zip

b) ckeditor-java-3.6.2 （解压）

download.cksource.com/CKEditor/CKEditor%20for%20Java/CKEditor%20for%20Java%203.6.2/ckeditor-java-3.6.2.war

c) ckfinder_java_2.1 （解压）

download.cksource.com/CKFinder/CKFinder%20for%20Java/2.1/ckfinder_java_2.1.zip

二． 执行步骤：

1. MyEclipse新建 Web Project ： CKEditor_Finder

2. 复制以下文件夹到WebRoot 下面：

ckfinder_java_2.1\ckfinder\ CKFinderJava \ckfinder

注意：CKFinder 加粗的是 war 包解压后的文件夹的名称

ckeditor_3.6.2/ckeditor

3. 复制 CKFinder配置文件 到WEB-INF 下面：

ckfinder_java_2.1\ckfinder\CKFinderJava\WEB-INF\config.xml

4. 复制下面文件夹下面所有jar 文件到 WEB-INf/lib 下面：

ckfinder_java_2.1\ckfinder\CKFinderJava\WEB-INF\lib

ckeditor-java-3.6.2\WEB-INF\lib

三． 下面删除无用的文件

首先是ckeditor 下面的文件：

_sample,_source, CHANGES.html， ckeditor_php4.php ，  ckeditor_php5.php, 

ckeditor.asp, ckeditor.pack, INSTALL.html, LICENSE.html

然后是ckfinder 下面的文件：

_samples, help, changelog.txt, install.txt, license.txt, translation.txt

四． 修改配置文件config.xml

 

<
 
enabled
 
>
 true 
</
 
enabled
 
>
<
 
baseURL
 
>
 /CKEditor_Finder/userfiles/ 
</
 
baseURL
 
>

 

五． 在web.xml 中增加如下代码：

<
 
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
 
>

 

六. 修改ckeditor/config.js文件的内容

CKEDITOR.editorConfig =  
function
 (config) {
    config.filebrowserBrowseUrl =  '/CKEditor_Finder/ckfinder/ckfinder.html'
 ;
    config.filebrowserImageBrowseUrl =  '/CKEditor_Finder/ckfinder/ckfinder.html?type=Images'
 ;
    config.filebrowserFlashBrowseUrl =  '/CKEditor_Finder/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'
 ;
    config.filebrowserWindowWidth = '1000'
;
    config.filebrowserWindowHeight = '700'
;
    config.language =  "zh-cn"
 ;
};

 

七． 修改index.jsp文件的内容如下：

<%@   page   language = 
"java"
   
import
 = 
"java.util.*"
   pageEncoding = 
"utf-8"
 %>
<%@   taglib   uri = "http://ckfinder.com"
   prefix = 
"ckfinder"
   %>
<%@   taglib   uri = "http://ckeditor.com"
   prefix = 
"ckeditor"
   %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+ "://"
 +request.getServerName()+ 
":"
 +request.getServerPort()+path+ 
"/"
 ;
%>
<! DOCTYPE   HTML  PUBLIC   "-//W3C//DTD HTML 4.01 Transitional//EN"
>
< html >
   < head >
     < base   href = " <%= basePath %> "
 >
     < title > 首页 </ title >
< meta   http-equiv = "pragma"
   content = 
"no-cache"
 >
< meta   http-equiv = "cache-control"
   content = 
"no-cache"
 >
< meta   http-equiv = "expires"
   content = 
"0"
 >
</ head >
   < body >
< form   action = "getContent"
   method = 
"get"
 >
    < textarea   cols = "80"
   id = 
"editor1"
   name = 
"editor1"
   rows = 
"10"
 ></ textarea >
    < input   type = "submit"
   value = 
"Submit"
   />
</ form >
< ckfinder:setupCKEditor   basePath = "/CKEditor_Finder/ckfinder/"
   editor = 
"editor1"
   />
< ckeditor:replace   replace = "editor1"
   basePath = 
"/CKEditor_Finder/ckeditor/"
   />
</ body >
</ html >

 

http://localhost/CKEditor_Finder/

很可能或者可以说是肯定：您在访问之后操作的时候，不会像在我视频里面的那样顺利，尤其是关于中文问题，其中有一个重要的操作上面没有提及：
这个操作就是：找到Tomcat/config/server.xml 
<Connector port="80" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" URIEncoding="utf-8" />
这个设置中的URIEncoding 是为了在访问的时候,即使访问路径中出现中文也能正常访问.  如果还有其他问题,可以发贴继续交流一下^_^

关于破解：

替换预览图片方框的文字为：预览图片的位置。

要替换的文件的位置：/CKEditor_Finder/WebRoot/ckeditor/plugins/image/dialogs/image.js

Ckfinder.js 文件的修改：

1. CKEditer/config.js文件大括号最后添加： 

     config.image_previewText = "预览图片的位置！ 自己修改！！ ";

(以下修改的文件均为：ckfinder/ckfinder.js文件)

2. return  a.bF.length > 0 && A.indexOf(a.bF.substr(0, 9)) != -1  改为return false;

3.注释这一部分，这样，在上传一中图片之后，中间就不会有提示了

 

/*if (!S && (!p || a.bs.indexOf(p) % 8 < 4)) {
    P.mj = J;
    S = 1;
}
if ((P.eu && !T || S) && P.mj) {
     Q.addClass('files_message');
     this.tools.of().setHtml(P.mj);
}*/

 

4. 注释掉这个部分：这样，左下角的东西就看不见了

/*if (!B)
    this.dV().getChild(0).appendHtml(y || z || w != 4 ? r:
                                                            s+ "\074\x62\x3e"+
                                                            i.htmlEncode(a.ed)+
                                                            "\074\057\x62\076\074\x2f\x64\151\x76\x3e");*/

 

 

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

转自：http://blog.csdn.net/databaseyan/article/details/6914654

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

http://hi.baidu.com/waterpub/blog/item/9cb89ec936771300be09e6a2.html

相信有很多人遇到过struts2与 servlet并存的问题，近日在整合ckeditor与ckfinder的过程中就遇到了这个问题，ckfinder与ckfinder整合成功，但移 入ssh框架中就出现了问题，在网上看了很多前辈的帖子，终于发现了问题所在，就是web.xml文件配置问题。经历过程如下：

 

通过参考这篇文章http://www.cppblog.com/fenglin/articles/147374.html

1.修改web.xml文件

将

 

<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
换成

 

<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>*.action</url-pattern>
</filter-mapping>

 

这样的确是可以使用自己定义的servlet了，但是，过了不久，又出了问题，如果使用struts2标签，该jsp页面显示不出来，报错，有人说添加

 

<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>*.jsp</url-pattern>
</filter-mapping>

 

这样jsp页面显示成功，但是我用的datetimepicker还是显示不出来 ，这让我相当纠结。最终还是要解决 struts2与servlet并存问题

 

2.

 

 

struts2与servlet并存问题，参考 http://hi.baidu.com/xsl2007/blog/item/4eb796cf94e35f0992457e11.html

问题解决，即定义一个过滤器，将servlet过滤，使struts2的核心控制器对servlet

 

不起作用。

 

下面是我的web.xml文件配置，ReDispatcherFilter类不变

 

<?xml version=
"1.0"
 encoding=
"UTF-8"
?>
<web-app version="2.5"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>

    <filter>
        <filter-name>MyServlet</filter-name>
        <filter-class
>com.manager.action.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>

    <!-- struts2 -->

    <filter>
        <filter-name>struts2</filter-name>
        <filter-class
>
            org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
        </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>

    <!-- ckfinder -->
    <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>
    <session-config>
        <session-timeout>10
</session-timeout>
    </session-config>
    <!--ckeditor  -->
    <servlet>
        <description>This is the description of my J2EE component</description>
        <display-name>This is the display name of my J2EE component</display-name>
        <servlet-name>Editor</servlet-name>
        <servlet-class
>com.ckeditor.Editor</servlet-
class
>
    </servlet>
    <servlet-mapping>
        <servlet-name>Editor</servlet-name>
        <url-pattern>/servlet/Editor</url-pattern>
    </servlet-mapping>

    <!-- spring -->
    <listener>
        <listener-class
>org.springframework.web.context.ContextLoaderListener</listener-
class
>
    </listener>

</web-app>