Fckeditor和JSP(Java)项目的整合实例

最新推荐文章于 2020-06-30 10:10:03 发布

Chuckth

最新推荐文章于 2020-06-30 10:10:03 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： fckeditor jsp java servlet security basic

本文链接：https://blog.youkuaiyun.com/Chuckth/article/details/5466734

Java 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Java Web项目中集成FCKeditor富文本编辑器，包括必要的文件复制、配置步骤及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(转载标签：fckeditorit 分类：Java)

1.将FCKeditor目录下的editor拷贝到项目的WebContent目录下
2.并把ECKeditor-2.3.jar 和 commons-fileupload.jar拷贝到项目/WebContent/WEB-INF/lib目录下
3.把 FCKeditor.tld拷贝到项目/WebContent/WEB-INF下
4.在web.xml里添加如下代码

代码
<servlet>

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

        <servlet-class>com.fredck.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>

        <servlet-name>SimpleUploader</servlet-name>

        <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</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>

        <init-param>

            

            <param-name>enabled</param-name>

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

        </init-param>

        <init-param>

            <param-name>AllowedExtensionsFile</param-name>

            <param-value></param-value>

        </init-param>

        <init-param>

            

            <param-name>DeniedExtensionsFile</param-name>

            <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>

        </init-param>

        <init-param>

            <param-name>AllowedExtensionsImage</param-name>

            <param-value>jpg|gif|jpeg|png|bmp</param-value>

        </init-param>

        <init-param>

            <param-name>DeniedExtensionsImage</param-name>

            <param-value></param-value>

        </init-param>

        <init-param>

            <param-name>AllowedExtensionsFlash</param-name>

            <param-value>swf|fla</param-value>

        </init-param>

        <init-param>

            <param-name>DeniedExtensionsFlash</param-name>

            <param-value></param-value>

        </init-param>

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

    </servlet>



<servlet-mapping>

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

    <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>

</servlet-mapping>



<servlet-mapping>

    <servlet-name>SimpleUploader</servlet-name>

    <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>

</servlet-mapping>
在页面中使用先导入<%@ taglib uri="/tags/FCKeditor" prefix="FCK"%>当然这前提是你得在web.xml中配置<taglib>
<taglib-uri>/tags/FCKeditor</taglib-uri>
<taglib-location>/WEB-INF/tld/FCKeditor.tld</taglib-location>
</taglib>

并保证/WEB-INF/tld/FCKeditor.tld存在。

然后<FCK:editor id="content" toolbarSet="Default" > </FCK:editor>

其中id指定当前这个字段的名称，工具栏设置默认只能是Default,Basic，UserSet而且首字母必须大写。这两个的具体配置在fck里面，用户可以自己定义自己的工具栏在fckconfig.js中配置。

在项目目录下建立文件夹UserFiles/Image,UserFiles/Flash,UserFiles/File,这三个目录表示文件上传后的位置,如果文件夹不存在会出现security error
FCKeditor目录精简说明:
1. 根目录下的文件只留下fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件
2. 删除所有的以_开头的文件和文件夹
3. 删除FCKeditor/editor/filemanager/upload目录下的所有文件
4. 删除FCKeditor/editor/filemanager/browser/default/connectors目录下的所有文件
5. 删除FCKeditor/editor/_source目录