CKEdi与CKFinder集成配置指南.pdfVIP

CKEditor（文本编辑器）+CKFinder(文件管理器插件)

Author:SunLianwei

常用的文本编辑器有:FCKEditor,CKEditor,xheditor(jquery),easyEditor。jquery

配置步骤：

1.需要把ckeditor和ckfinder相应的资源包，加入到当前web项目的根目录

如下图:

2.导入所需要的jar包

3.在WEB-INF下面添加一个xml的配置文件config.xml

enabledtrue/enabled→表示启用ckfinder文件管理器

baseDir/baseDir→设置为空，否则上传回报404错误

baseURL/javaWeb_demo/upload//baseURL-→配置文件上传的存放的路

径，一定要加上项目名称，而且项目名称前面一定要有/

4.配置web.xml

!--ckfinder--

servlet

servlet-nameConnectorServlet/servlet-name

servlet-classcom.ckfinder.connector.ConnectorServlet/servle

t-class

init-param

param-nameXMLConfig/param-name

param-value/WEB-INF/config.xml/param-value

/init-param

init-param

param-namedebug/param-name

param-valuefalse/param-value

/init-param

load-on-startup1/load-on-startup

/servlet

servlet-mapping

servlet-nameConnectorServlet/servlet-name

url-pattern

/ckfinder/core/connector/java/connector.java

/url-pattern

/servlet-mapping

session-config

session-timeout10/session-timeout

/session-config

5.jsp页面使用

有两种方式

第一种发方式就是导入ckeditor和ckfinder的js文件

scripttypetext/javascript

srcckeditor/ckeditor.js/script

scripttypetext/javascript

srcckfinder/ckfinder.js/script

页面通过textarea属性进行控制，代码如下:

textareacols200idcontentnamecontent/textarea

scripttypetext/javascript

varcontent1CKEDITOR.rece(content);

CKFinder.setupCKEditor(content1,../ckfinder);