FCKeditor在jsp中的配置

 

 

 

我项目中加了FCKeditor. 就这样简单配置的


使用的版本： 
   FCKeditor_2.6.3 
   fckeditor-java-2.4-bin 


一，项目中增加以下包：（特别留意项目中原有的包是否有跟以下包有冲突） 
commons-fileupload-1.2.1.jar 
commons-io-1.3.2.jar 
fckeditor-java-core-2.4.1.jar 
java-core-2.4.1.jar 
slf4j-api-1.5.2.jar 
slf4j-simple-1.5.2.jar 

 

 

 

二，配置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> 

 

三，在src目录下新建fckeditor.properties文件，主要配置如下： 
connector.userFilesPath=/UpLoad/res        //设置上传文件路径。默认是WebRoot目录下userfiles. 
connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl 


四，将fckeditor文件夹复制到WebRoot目录下。 


五，调用页面配置： 
        1），引入fckeditor.js文件:<script type="text/javascript" src="../fckeditor/fckeditor.js"></script> 
        2），建立textarea标签，普通html或struts标签均可，我使用struts标签，例如：<html:textarea property="magazineModel.contentTemp" name="magazineForm" styleId="FCKeditor1"></html:textarea> 

 

        3），页面中加入以下js，用fckecitor取代textarea：如果是普通html标签，new FCKeditor("这里则写name属性")。 

 

 

    <script type="text/javascript"> 
        var sBasePath = "../fckeditor/"; 
        var oFCKeditor = new FCKeditor('FCKeditor1') ; 
        oFCKeditor.BasePath = sBasePath ; 
        oFCKeditor.ReplaceTextarea() ; 
    </script>