CKEditor与 CKFinder 整合并实现文件上传功能.doc

CKEditor与 CKFinder 整合并实现文件上传功能 ????????? 事先说明：此整合的是java版本的， 用到的有：jsp + ckeditor + ckfinder (没有servlet 及其它框架技术) 相信很多人都用过大名鼎鼎的FckEditor，?? 最新又出来了个ckEditor， 令人一下子搞不清楚， 到官方网站看看才知道FckEditor在2.6版本之后就改名为ckEditor了， 在这里特别说明一下， 以免混淆，因为网上搜出来的大多都是FckEditor相关配置的文章。 ????????????二、FckEditor里有java版本的配置，相信有些同行用过，支持php、、java版本，现在一下子变为ckEditor了。配置简单的编辑器很简单，这里不多说了，我想大多数人都希望能用到编辑器里的浏览/插入图片功能吧， 毕竟一条新闻没个图片说不过去。 当然我们自己做个上传功能，然后复制URL地址插入到URL里也是可以的。 但是这样客户操作难度太高了。 一．需要的资源： 用到的网站，文件自己下载: a)?ckeditor_3.6.2?（解压） /CKEditor/CKEditor/CKEditor%203.6.2/ckeditor_3.6.2.zip b)?ckeditor-java-3.6.2?（解压） /CKEditor/CKEditor%20for%20Java/CKEditor%20for%20Java%203.6.2/ckeditor-java-3.6.2.war c)?ckfinder_java_2.1?（解压） /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 Xml代码 ? ?enabled??true?/?enabled??? ?baseURL??/CKEditor_Finder/userfiles/?/?baseURL???? enabled true / enabled baseURL /CKEditor_Finder/userfiles/ / baseURL ? 在web.xml 中增加如下代码： 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-