APPFUSE2.0中加入FCKeditor

FCKeditor在APPFUSE2.0中整合

最新推荐文章于 2012-05-18 22:39:16 发布

原创最新推荐文章于 2012-05-18 22:39:16 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#fckeditor #Appfuse #Servlet #DWR #JSP

APPFUSE+FCKeditor 专栏收录该内容

1 篇文章

订阅专栏

APPFUSE2.0中整合FCKeditor是个很头疼的问题，也着实让我煞费苦心了。。。。。。纠结了将近3天终于差不多搭建成功了。其中遇到了很多问题，在这里和大家一起分享一下。

配置过程不复杂，我就不详细介绍了。网上一搜一堆。

1）从FCKeditor官网下载下来2.6.4。Fckeditor依赖5个包，slf4j-api-1.5.8.jar ，slf4j-simple-1.5.8.jar ，java-core-2.6.jar，commons-io-1.3.2.jar ，commons-fileupload-1.2.1.jar 我附件中有了，可以下载。直接放在webroot\lib里面

2）fckeditor文件，下载完解压缩到webroot下面就是。（里面就是fckeditor的JS和CSS等等一些文件）

3）fckeditorProperties.rar 其实就是fckeditor.properties文件，解压放到src下面。

4）web.xml中加入

<servlet>
  <servlet-name>Connector</servlet-name>
  <servlet-class>
   net.fckeditor.connector.ConnectorServlet
  </servlet-class>
  <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>

以上配置在全世界各大网站一搜一堆。。。。这里我就不详细介绍了。以下为重点。如何在APPFUSE中成功使用。

5）APPFUSE的默认请求方式是.html，恰恰FCKeditor有这样的方式请求这样就出问题。所以应当这么做，如下：

在appfuse框架中有个decorators.xml用作框架控制作用的，加入如下代码

   <excludes>
<!--这里是需要加入的fckeditor的不经过APPFUSE框架处理-->
               <pattern>/fckeditor/*</pattern>
    </excludes>

然后在web.xml 中的staticFilter过滤器中加入/fckeditor/*

<filter>
             <filter-name>staticFilter</filter-name>
            <filter-class>		org.swordsman.webapp.filter.StaticFilter
	</filter-class>
	<init-param>
	<param-name>includes</param-name>
                <param-value>
	/scripts/dojo/*,/dwr/*,/fckeditor/*
	</param-value>
	</init-param>
</filter>

6)现在可以在页面中加入了fckeditor控件了

写法很多种，网上一堆，我就用了一种常用了。我随便写了个aa.jsp供参考。contentInfoForm.jsp是项目中实际开发时写的JSP。都打包在test.rar中了

7)当这些都解决了的情况下，运行测试中发现了一个最头疼的问题

点击浏览服务器跳出一长串xml error.

FCKeditor上传图片时出现XML request error：OK(200)错误

下载附件中的fckxml.rar替换fckeditor\editor\filemanager\browser\default\js下面的fckxml.js。

问题解决。