FCKeditor 部署

 

   具体见附件

 

FCKeditor 配置（主要是是实现浏览服务器和中文乱码）

这个配置真的非常让人头疼的。首先我想说的是，我没有做任何权限控制，这些需要加一些 filter ，不过至今没有研究过。

一、   解决浏览服务器

在 jsp 后台，服务是通过 servlet 来做的，同样的这个 FCKeditor 浏览服务器也是的。而我们需要做的有两个方面，一个是前台页面的 js 配置，一个是后台的 web.xml 配置

首先， fckeditor

我们是做一些必要的文件部署，把 FCKeditor 这个文件夹放置到 webapp （网页根目录），这是 FCKeditor 的根本。也是前台产生界面的来源。（我测试时采用的是 FCKeditor-2.6 ，这个版本倒没什么影响）

第二，包文件

我们需要把相应的 java 文件包做一些复制。经过多次测试得出一些经验，这次配置使用的 FCKeditor-java-2.4 ，我们不光需要的是他的包文件，我们还应该下载源文件，因为我们之后解决中文问题时必须要用到其中的一个叫做 ConnectorServlet.java 做一些修改。

目录 fckeditor-java-2.4 中，有个包

fckeditor-java-core-2.4.jar

目录 fckeditor-java-2.4\lib 中有三个包

Commons-fileupload-1.2.1.jar

Commons-io-1.3.2.jar

Slf4j-api-1.5.2.jar

还需要用到包

slf4j-simple-1.5.2.jar 这个包应该在 slf4j-1.5.2 这个文件夹中找到我们这个里面会用到

org.slf4j.impl.StaticLoggerBinder 这个类

这些包就是后台配置所必需的包，把他们都拷贝到

webapp/WEB-INF/lib 目录待用。

第三 fckconfig.js 和 WEB-INF/web.xml 配置

这两项配置是否成功将直接导致我们是否能正确的访问到 servlet ，并实现浏览服务器功能。

之前做了很多测试发现， fckconfig.js 中的 URL 是和 web.xml 中的

<servlet-mapping> 项有关联的。先配置 web.xml

打开 web.xml, 在其中添加如下内容，因为使用的是 2.4 ，只需要添加一部分

    < servlet >

        < servlet-name > Connector </ servlet-name >

        < servlet-class > net.fckeditor.connector.ConnectorServlet </ servlet-class >

        < init-param >

            < param-name > baseDir </ param-name >

            < param-value > /userfiles/ </ param-value >

        </ init-param >

        < init-param >

            < param-name > debug </ param-name >

            < param-value > true </ param-value >

        </ init-param >

        < load-on-startup > 1 </ load-on-startup >

</ servlet >

< servlet-mapping >

     < servlet-name > Connector </ servlet-name >

     < url-pattern > /fckeditor/editor/filemanager/connectors/* </ url-pattern >

  </ servlet-mapping >

说明：上面的 <servlet-class> 对应的其实是包

fckeditor-java-core-2.4.jar 中的一个类（这个类是第一步配置，因为我们后来还要做修改，中文乱码问题）

然后观察 <url-pattern> 这里可能还没看出任何问题，我们再看 fckconfig.js 中的 URL 项（这里随便找了一条，共有六条）

FCKConfig.LinkBrowserURL = FCKConfig.BasePath +

'filemanager/browser/default/browser.html?Connector=' +

  encodeURIComponent( FCKConfig.BasePath +

  'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;

 

经过测试 FCKconfig.BasePath 是这个 /fckeditor/editor ，（理论上说是 fckeditor.html 所在目录）。观察这个后面的这个 Connetor= 的那一项，其实就是给出了

/fckeditor/editor/filemanager/connectors/* 这个路径 , 尽管这个路劲并不存在，他会由服务器端的映射自动的映射到相应的 servlet 上去。

这些配置做完了以后。离成功就不远了。

还需要一个东西， FCKeditor.tld ，这个文件可以再 fckeditor-2.3 中的 /src 目录找到，复制到 /WEB-INF 目录 , 并在 web.xml 中说明这个 taglib

< taglib >

< taglib-uri > /test </ taglib-uri >

< taglib-location > /WEB-INF/FCKeditor.tld </ taglib-location >

</ taglib >

 

经过上述配置，在我们页面上的就可以正确的浏览服务器了。

我们还可以做一些详细的修改，比如在

/fckeditor/editor/dialog/fck_image/fck_image_preview.html 文件中去掉那一段话，这样我们的预览框就没有一长段文字了。

还比如，我们可以在 fckconfig.js 上配置默认的皮肤路径，比如把默认的换成 silver ，看起来就比较搭配，还有，可以创建自己的

toolbarset ，这也是安全控制的一个方式。

 

强烈要求注意：这个问题困扰我一整天，我们在向文件夹 WEB-INF 拷这些包的时候，一定要把之前存在的版本号不同的相同的包删除，这样才能保证服务器在运行的时候能确定到底进入那个包找相应的类。若不删除，会出现一直奇怪的抛出异常让人以为配置出错了。其实问题就在这里。

 

 

 

 

 

二、   解决中文文件名和文件夹乱码

 

经过之前的配置，我们已经能实现基本的非中文文件的上传和浏览以及非中文目录的创建和浏览。而这个配置对于我们的中文处理时无能为力的。

先做一个全局的配置，打开服务器 tomcat 的 server.xml

在两个 <connector ………… /> 项中加入配置 URIEncoding = "UTF-8"

指定他的 uri 编码为 ”utf-8” ，不过这个配置的生效似乎要重启浏览器和客户端，在测试的时候，这个配置在配置发生后很久才发生作用。

 

然后为了在用户界面 浏览服务器时选择的中文文件名在路径框中显示正确的中文名称，需要修改

/ editor/filemanager/browser/default/frmresourceslist.html 中的 OpenFile 方法（大概 92 行）

window.top.opener.SetUrl( encodeURI( fileUrl ).replace( '#', '%23' ) ) ;

改为

window.top.opener.SetUrl(fileUrl) ;

这样，前台的路径框中就会显示正确的中文名称。

 

最后配置之前的 ConnectorServlet 。

先搞清楚和浏览服务器相关的类，第一步中的 ConnectorServlet, 这个类并没有提供任何的中文解析方法。因此我们需要把代码进行修改。

首先找到这个类，然后把这个类关联到源文件，这个源文件是只读的，我们需要创建自己的类。

于是，我创建了 fck.fckeditor.connector.ConnectorServlet 这个类，并把上面的源文件复制过来，需要做修改的地方在

这个类的 doPost 方法中大概 223 行的位置处，是一个

ServletFileUpload upload = new ServletFileUpload(factory);

和一个 try 块之间添加一句

upload.setHeaderEncoding( "UTF-8" );

由此指定他的编码为 UTF-8 。

在我的测试中，经过这一步处理，就已经完全处理了文件目录和文件名的乱码问题。而在 网络资料，以及传智播客的教育视频中，他还做了一些修改，就是在这个类的 doGet 方法中大概 132 行

String newFolderStr = UtilsFile.sanitizeFolderName (request

                        .getParameter("NewFolderName"));

对这一句进行了修改

改成了

String tempStr = request.getParameter("NewFolderName");

tempStr = new String(tempStr.getBytes(“iso8859-1”),”UTF-8”);

String newFolderStr = UtilsFile.sanitizeFolderName (tempStr);

也是对字符编码做了调整。

紫色部分经过我的测试先不要加上去。

 

在这里修改完成后，我们还要发布我们自己的包，在 Eclipse 中右