CKEditor+CKFinder+JSP实现在线编辑器下传文件（包括图片、flash）

CKEditor+CKFinder+JSP实现在线编辑器上传文件（包括图片、flash）

这两天我就一直在琢磨如何才能实现在编编辑器的功能，由于家里的网是电信天翼的3G卡，有流量限制，如今也就剩下100M左右的流量了，上网也很费劲，于是狠心的上网找了一大堆的资料，终于实现了这样的功能，确实挺纠结的，这里我先给大家演示基本的搭建，下一篇文章演示在Struts2框架下的搭建。在分享我需要声明一下，这篇文章是参考几个网友提供的资料再加上自己的亲身实现，进行的一些修改，最终分享给大家。

CKEditor是新一代的FCKeditor，是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一，因其惊人的性能与可扩展性而广泛的被运用于各大网站。

本篇文章主要介绍ckeditor_3.6.4+ckfinder_java_2.3
CKEditor下载地址：http://ckeditor.com/download            在线演示地址：http://ckeditor.com/demo
ckeditor-java-core-3.5.3.zip 下载地址：http://ckeditor.com/download   
CKFinder下载地址：http://cksource.com/ckfinder/trial
1、解压ckeditor_3.6.4.zip，然后打开ckeditor文件夹，只需保留：images、lang、plugins、 skins、themes、ckeditor_basic.js、ckeditor.js、config.js、contents.css即可
其他的文件可以删除。然后将整个ckeditor放在web工程下，与WEB-INF处于同一级目录。
2、将ckeditor-java-core-3.5.3.zip解压，然后将ckeditor-java-core-3.5.3.jar包拷贝至web项目的lib下。

3、将ckfinder_java_2.3.zip解压，然后将CKFinderJava.war解压后，将WEB-INF里面的lib下面所有的 jar包拷贝至web项目的lib下，将ckfinder\_sources\CKFinder for Java\WebApp\src\main\webapp下的ckfinder文件夹拷贝至web工程下，与ckeditor保持同级，将其下的WEB- INF下面的config.xml文件拷贝至web项目的WEB-INF下，并根据自己的项目稍作调整即可，如下：

<textarea rows="15" cols="60" id="onlineArticle.text" name="onlineArticle.text"></textarea><ckfinder:setupCKEditor basePath="/Software_Site/ckfinder/" editor="onlineArticle.text" /><ckeditor:replace replace="onlineArticle.text" basePath="/Software_Site/ckeditor/" />

OK!到这里就可以实现了。

参考网址：

lpz283929516网友：http://blog.csdn.net/lpz283929516/article/details/8286383

jian85733547网友：http://blog.csdn.net/jian85733547/article/details/5911866

查看更多 下一篇