maven2+struts2+velocity+fckeditor 配置 fckeditorvelocityPHPWebXML

1 下载fckeditor包

  地址：http://ckeditor.com/download  FCKeditor 2.6.6

2 项目部署

  将FCKeditor_2.6.4.zip解压缩,将整个目录FCKeditor复制到项目的根目录下，
 
  目录结构为：和WEB-INF平级

3 整合web.xml

  将以下代码放入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>

4.精简FCKeditor

1>临时文件及文件夹删除：从根目录下开始删除一切以“_”开头的文件及文件夹，因为他们为临时文件和文件夹。删除这类临时文件及文件夹之后，我们还要删除一些根目录下的多余文件，根目录下我们只保留fckconfig.js（配置文件）、fckeditor.js（js方式调用文件）、fckstyles.xml（样式）、fcktemplates.xml（模板）文件和editor文件夹。

      2>editor\lang目录：存放的是多语言配置文件，因为我们只可能用到en和zh-cn（简体中文）所以，根据我的选择，我删掉其他的语言配置文件。

      3>editor\skins界面目录：默认带有三个界面（default：默认界面，加载速度相对较快；office2003：相对pp的界面，不过速度确实要慢些；silver：银白色界面，加载速度也相对较快），可以自行决定是否删除其中一两个。

      4>editor\filemanager\browser\default\connectors目录：存放编辑器所支持的Web动态语言，我们以php为例所以保留php目录，test.html文件可以帮助你查看某语言下的上传设置等（具体上传设置我将在后面的配置作较为详细讲解），可以自行决定是否删除。

       5>editor\filemanager\upload目录：同理。

5 依赖包在maven2中配置
 
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-api</artifactId>
            <version>1.5.2</version>
        </dependency>
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-simple</artifactId>
            <version>1.5.2</version>
        </dependency>
        <dependency>
            <groupId>net.fckeditor</groupId>
            <artifactId>java-core</artifactId>
            <version>2.4.2</version>
        </dependency>

6 创建在Velocity中使用FCKeditor的类

  public class FCKeditorWrapper{
    private HttpServletRequest request;
    public FCKeditorWrapper(final HttpServletRequest request) {
        this.request = request;
     }
    /**
     *
     * @param instanceName 参数名称
     * @param value
     * @return
     */
    public String get(final String instanceName,final String value) {
        FCKeditor editor = new FCKeditor(request, instanceName);
        editor.setValue(value);
        return editor.createHtml();
    }

    /**
     *
     * @param instanceName 参数名称
     * @param width
     * @param height
     * @param toolbarSet
     * @param value
     * @return
     */
    public String get(final String instanceName, final String width,
            final String height, final String toolbarSet, final String value) {
        FCKeditor editor = new FCKeditor(request, instanceName, width, height,
                toolbarSet, value, null);
        editor.setValue(value);
        return editor.createHtml();
    }
  }

  7 action 代码调用

        FCKeditorWrapper fck = new FCKeditorWrapper(request);
        Result result = new Result();//自己封装的
        result.addDefaultModel("FCKeditor",fck);
        toVm(result);
        return "";

  8  velocity 调用

     $!FCKeditor.get("book.extendedAttributes", "99%","120px","Default","请在这里填入内容")
     book.extendedAttributes //上传到action的名字
     99% 宽度
     120px 高度
     Default 默认显示风格 可以定义自己的风格
     最后一个参数是 要显示的内容

9  FCKeditor优化

    网络有很多瘦化内容。

10 注意

   按此步骤配置后不需要有任何配置，velocity自动能加载。