FCKeditor在jsp中的配置

最新推荐文章于 2021-02-19 10:15:34 发布

花Kai的季节

最新推荐文章于 2021-02-19 10:15:34 发布

阅读量250

点赞数

分类专栏： JavaWeb 文章标签： fckeditor jsp

本文链接：https://blog.youkuaiyun.com/a183635870/article/details/51741015

版权

JavaWeb 专栏收录该内容

6 篇文章

订阅专栏

我项目中加了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>