在JSP中使用FCKeditor

本文介绍如何在JSP应用中集成FCKeditor富文本编辑器,包括所需运行库、编辑器版本、Web应用目录结构、Web.xml配置、JSP引用方式等关键步骤,并提供了一个简单的演示实例。

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

JSP 中使用 FCKeditor

1.1   运行库

commons-fileupload-1.1.jar

FCKeditor-2.3.jar

 1.2   编辑器版本

FCKeditor 2.0

FCKeditor  是一套在线编辑器,它几乎囊括了现在网上所有的在线编辑器的功能,功能的实现相当完善,同时可自由定制功能按钮,支持多种语言环境下配置安装

 

1.3    使用步骤

1.3.1        Web应用目录结构

查看更多精彩图片
查看更多精彩图片
查看更多精彩图片
1.3.2        Web.xml 配置说明

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app>

  <display-name>demo</display-name>

  <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>false</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>AllowedExtensionsFlash</param-name><!—允许上传Flash类型清单-->

      <param-value>swf|fla</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映射-->

  </servlet-mapping>

  <servlet-mapping>

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

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

  </servlet-mapping><!—用于上传文件的servlet映射-->

  <taglib>

    <taglib-uri>FCK</taglib-uri><!—标签库映射-->

    <taglib-location>/WEB-INF/classes/FCKeditor.tld</taglib-location>

  </taglib>

</web-app>

1.3.3        JSP引用方式

查看更多精彩图片
1.3.4        运行演示

查看更多精彩图片
查看更多精彩图片

1.3.5        JSP原文

<%@page contentType="text/html; charset=GBK"%>

<%@taglib uri="FCK" prefix="FCK"%>

<html>

<head>

<title>index</title>

</head>

<body bgcolor="#ffffff">

<form action="postdata.jsp" name="form1" method="POST">

文档标题:<input type="text" name="test" value="测试数据" />

<FCK:editor id="EditorDefault" basePath="/FCKeditor/"

                                fontNames="宋体;Arial;Courier New;Times New Roman;Verdana"

                            imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"

                            linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"

                            flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"

                            imageUploadURL="/FCKeditor/editor/filemanager/upload1/simpleuploader?Type=Image"

                            linkUploadURL="/FCKeditor/editor/filemanager/upload1/simpleuploader?Type=File"

                            flashUploadURL="/FCKeditor/editor/filemanager/upload1/simpleuploader?Type=Flash">

                            以下内容为 <strong>测试数据</strong>. 欢迎使用 <a href="http://www.fredck.com/fckeditor/">FCKeditor</a>.

</FCK:editor>

<input type="submit" value="提交"/>

</form>

</body>

</html>


 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值