在JSP中使用FCKeditor

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>


 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 JavaScript 编写的记忆游戏(附源代码)   项目:JavaScript 记忆游戏(附源代码) 记忆检查游戏是一个使用 HTML5、CSS 和 JavaScript 开发的简单项目。这个游戏是关于测试你的短期 记忆技能。玩这个游戏 时,一系列图像会出现在一个盒子形状的区域 。玩家必须找到两个相同的图像并单击它们以使它们消失。 如何运行游戏? 记忆游戏项目仅包含 HTML、CSS 和 JavaScript。谈到此游戏的功能,用户必须单击两个相同的图像才能使它们消失。 点击卡片或按下键盘键,通过 2 乘 2 旋转来重建鸟儿对,并发现隐藏在下面的图像! 如果翻开的牌面相同(一对),您就赢了,并且该对牌将从游戏消失! 否则,卡片会自动翻面朝下,您需要重新尝试! 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目? 要运行此游戏,您不需要任何类型的本地服务器,但需要浏览器。我们建议使用现代浏览器,如 Google Chrome 和 Mozilla Firefox, 以获得更好、更优化的游戏体验。要玩游戏,首先,通过单击 memorygame-index.html 文件在浏览器打开游戏。 演示: 该项目为国外大神项目,可以作为毕业设计的项目,也可以作为大作业项目,不用担心代码重复,设计重复等,如果需要对项目进行修改,需要具备一定基础知识。 注意:如果装有360等杀毒软件,可能会出现误报的情况,源码本身并无病毒,使用源码时可以关闭360,或者添加信任。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值