`
lixinye0123
  • 浏览: 335779 次
  • 性别: Icon_minigender_1
  • 来自: 温州
社区版块
存档分类
最新评论

在JSP中使用FCKeditor

    博客分类：
  • Java
fckeditorJSPServletWebFlash 
阅读更多
在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>


 
分享到：
| 构建富 Internet 应用程序
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JSP使用Fckeditor所用jar包

    - **在JSP中使用**：通过JavaScript在JSP页面上创建FCKeditor实例，设置编辑器的宽高、初始内容等属性。 - **处理文件上传**：FCKeditor可以处理文件上传，需要在服务器端配置合适的存储路径，并处理Servlet的请求...

    jsp中使用FCKEditor

    **JSP中使用FCKEditor** FCKEditor是一款在Web应用程序中广泛使用的开源富文本编辑器，它允许用户在浏览器端进行类似Word的文本编辑。在JSP（JavaServer Pages）环境中集成FCKEditor，可以极大地提升用户界面的交互...

    简单FCKeditor在jsp中的使用

    - 为了兼容不同的浏览器，确保在JSP页面中使用XHTML标准。 - 如果在部署时遇到路径问题，检查FCKeditor的URL是否正确，确保所有相关文件可访问。 - 考虑安全问题，对用户提交的内容进行过滤和验证，防止XSS攻击。 ...

    在JSP中配置FCKeditor 2.6.4

    总结来说，FCKeditor 2.6.4 的配置和集成涉及到多个步骤，包括下载必要的文件、设置环境依赖、配置属性文件、更新 `web.xml` 文件以及在 JSP 页面中使用编辑器。通过这些步骤，可以在 JSP 项目中成功部署和使用 ...

    FCKeditor2.3在jsp配置

    在JSP中使用FCKeditor时，你需要将这些文件放入Web应用的适当目录，通常是`/js`或`/resources`目录下。确保包含了FCKeditor的核心文件，如`fckeditor.js`，以及任何额外的插件或语言包。 接下来，我们需要在JSP页面...

    FCKeditor Word控件 JSP编辑控件 word

    在JSP中使用FCKeditor通常涉及以下步骤： - **下载和引入**：首先从官方或第三方网站下载FCKeditor的压缩包，解压后将所需文件放入项目的资源目录。 - **配置路径**：在JSP页面中设置FCKeditor的路径，确保能正确...

    jsp调用FCKeditor 实例

    3. **处理表单提交**：在JSP中，你需要处理表单提交，获取FCKeditor中的内容。由于FCKeditor会将内容转化为HTML格式，所以需要通过服务器端的脚本（如Java）来解析并保存。例如，在JSP中可以使用`request....

    FCKeditor

    在JSP中使用FCKeditor，首先需要将下载的`FCKeditor-2.3`压缩包解压，然后将资源文件复制到Web项目的相应目录，如`/WEB-INF/fckeditor/`。接着，在JSP页面中引入FCKeditor的JavaScript文件并创建编辑器实例： ```...

    jsp语言编写的FCKEditor测试程序

    在JSP中使用FCKeditor，主要是通过JavaScript在客户端实现富文本编辑，然后将编辑好的内容通过AJAX或表单提交的方式传递到服务器端。JSP页面通常会包含FCKeditor的JavaScript库，当用户在编辑器中完成内容编辑后，...

    jsp已配置好的fckeditor 2.4

    在JSP中使用FCKeditor，可以极大地提升用户在网页表单中的编辑体验。 **二、环境准备** 在使用FCKeditor之前，需要确保开发环境已经搭建好，包括： 1. **JDK**：Java Development Kit，用于编译和运行Java程序。 2....

    JSP使用FCKeditor（带上传图片）实例.rar

    当用户在FCKeditor中选择上传图片时，FCKeditor会向指定的`FileBrowserUploadUrl`发起POST请求，服务器端的Servlet接收到请求后，读取上传的文件并保存到服务器的特定目录。 **安全与优化** 在实际应用中，需要考虑...

    FCKeditor 在jsp中的用法

    完成以上步骤后，FCKeditor就能在JSP页面中正常使用了，用户可以通过富文本编辑器进行文字编辑、插入图片、链接等操作。而文件上传和目录浏览功能，也会根据我们在web.xml中的配置正常工作。 值得注意的是，实际...

    FCKEditor 2.6 JSP 使用说明(嵌入方法)

    在JSP中使用FCKEditor，你需要遵循以下步骤： 1. **下载与解压**: 首先，你需要从官方网站或GitHub等开源仓库下载FCKeditor 2.6的源码包，解压缩后得到FCKeditor的文件夹，里面包含了所有必要的JavaScript、CSS和...

    FCKeditor简单配置使用

    在JSP中使用FCKeditor，首先需要将FCKeditor的资源文件下载并解压到项目目录下。在提供的信息中，"TestFCKeditor"可能是解压后的文件夹，包含了FCKeditor的所有必要文件，包括JavaScript库、CSS样式表、语言文件等。...

    jsp页面中加入fckeditor编译器

    在JSP页面中集成FCKeditor，可以提升用户在后台管理系统中的编辑体验。 **1. FCKeditor简介** FCKeditor是由Fernando Gouveia开发的一款JavaScript富文本编辑器，它允许用户在浏览器端进行类似Word的文本编辑操作。...

    在JSP环境中如何来配置和使用fckeditor

    在JSP环境中配置和使用FCKeditor涉及到一系列步骤，这个开源项目旨在提供一个强大的在线文本编辑器，使得Web应用程序能够具备类似MS Word的编辑功能。FCKeditor支持多种服务器端语言，包括Java，并且兼容IE 5+、...

    jsp程序中使用fckeditor编辑器

    综上所述，JSP程序中使用FCKeditor编辑器涉及到前端JavaScript的使用、后端数据的处理、安全性的考量以及可能的自定义扩展。理解并掌握这些知识点，将有助于在实际开发中更好地利用FCKeditor提升用户体验。

    jsp中配置 FCKeditor2.3（转）

    在JSP环境中集成FCKeditor2.3可以帮助开发者创建具有WYSIWYG（所见即所得）编辑能力的网页表单，提升用户体验。以下将详细介绍如何在JSP中配置FCKeditor2.3。 首先，我们需要下载FCKeditor的2.3.2版本，这个版本...

    在jsp环境中配置使用FCKEditor

    ### 在JSP环境中配置使用FCKEditor #### 一、FCKEditor简介 FCKeditor是一个源自由项目，可在sourceforge.net上找到，其主要功能是实现在线网页编辑器的功能，使得Web应用程序能够具备类似MS Word的强大编辑能力。...

Magicbox
Global site tag (gtag.js) - Google Analytics