java ckeditor和ckfinder整合(二)

最新推荐文章于 2024-10-03 14:07:25 发布

原创最新推荐文章于 2024-10-03 14:07:25 发布 · 3.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ckeditor

JavaScript 同时被 2 个专栏收录

12 篇文章

订阅专栏

开源软件使用

12 篇文章

订阅专栏

本文详细介绍了如何下载、解压、配置并部署CKFinder到Java服务器，包括测试、集成到应用程序以及解决常见问题的方法。

一、下载

1、下载ckfinder2.4.2

http://cksource.com/ckfinder/download

2、文档 http://docs.cksource.com/CKFinder_2.x/Developers_Guide

二、解压

解压下载的ckfinder，把war文件部署到java 服务器上 tomcat ，jetty，jboss，weblogic，glassfish都可以

三、测试

运行示例应用程序_samples/index.html

四、配置

请注意,由于安全原因CKFinder默认是禁用的。当你阅读了配置config.js文件，想使用的时候打开

<enabled>true</enabled>

五、部署到服务器上

1、ckfinder_java_2.4.2解压后把里面的war包的CKFinder Java.war文件放到在Tomcat的 webapps文件夹中，启动tomcat。默认Tomcat的autoDeploy = " true "选项启用自动热部署(检查主机元素在server.xml文件)。如果这个选项没有改变,那么没有停止服务器，可以将其复制到webapps文件夹。会自动部署

2、应用程序应该可以在下列URL中访问在您的浏览器中: http://localhost:8080/CKFinderJava/

六、集成CKFinder到您的应用程序

1、解压缩CKFinder Java

2、ckfinder文件夹复制到您的应用程序目录

3、从web-inf文件夹中复制CKFinder的config.xml文件到应用程序的web - inf文件夹中

4、拷贝web-inf /lib文件夹中的jar包到应用程序的web - inf / lib文件夹

5、从CKFinder 的web.xml中拷贝ConnectorServlet到应用程序的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>
	<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>

6、就像在sample应用程序中一样,由于安全原因在默认情况下禁用CKFinder。修改<enabled>true</enabled>在config.xml中注意,建议使用更细粒度的身份验证方法通过重写 checkAuthentication 方法。

7、同样的config.xml可以配置一些其他属性，比如baseUrl and baseDir paths,

8、Flash上传问题一节中描述的故障排除,如果您正在使用Flash多个文件上传组件(成分)和基于会话的身份验证,您可能会得到一些“cookie”缺失的问题当试图上传文件。解决这个Flash错误,你必须自己上传cookie。在服务器端通过设置FileUploadFilter:

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

如果您正在使用自定义配置,你已经改变为这些服务器上的会话标识符名称,您还应该指定在FileUploadFilter init参数,以便CKFinder知道重写

8.1 Installing CKFinder as a JSP Page Tag 这个使用的是jsp标签（不喜欢）

8.2 http://docs.cksource.com/CKFinder_2.x/Developers_Guide/Java/Integration/JavaScript
这个使用的是js。

<script type="text/javascript">
var finder = new CKFinder();
finder.basePath = '/ckfinder/';
finder.create();
</script>

以上2种是单独使用ckfinder。我们只需要集成ckeditor

9、JavaScript 集成

<head>
	...
	<script type="text/javascript" src="/ckfinder/ckfinder.js"></script>
<script type="text/javascript" src="${ctx}/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="${ctx}/ckeditor/adapters/jquery.js"></script>
<script type="text/javascript" src="${ctx}/ckfinder/ckfinder.js"></script>
</head>

10、ckeditor集成

CKEDITOR.replace( 'editor1',
{
	filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
	filebrowserUploadUrl : '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files',
	filebrowserImageUploadUrl : '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images',
	filebrowserFlashUploadUrl : '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash',
	filebrowserWindowWidth : '1000',
 	filebrowserWindowHeight : '700'
});

或者可以写在ckeditor的config.xml里面

config.removeDialogTabs = 'image:advanced;link:advanced';
	config.filebrowserBrowseUrl = '../ckfinder/ckfinder.html';
	config.filebrowserImageBrowseUrl = '../ckfinder/ckfinder.html?type=Images';
	config.filebrowserFlashBrowseUrl = '../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';

这里的../指向的web应用名。访问的是weburl路径而不是js路径。http://localhost:8080/YOURWEB/ckfinder/core/connector/java/connector.java(web.xml里面的servlet的路径)