在JSP中使用FCKeditor

系统 1732 0
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>


 

在JSP中使用FCKeditor


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论