`
lgl669
  • 浏览: 173435 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

在jsp环境中配置使用FCKEditor

    博客分类:
  • java
阅读更多
  FCKeditor是sourceforge.net上面的一个开源项目,主要是实现在线网页编辑器的功能,可以让web程序拥有如MS Word这样强大的编辑功能。官方网站为http://www.fckeditor.net ,在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言,并且支持IE 5+、Mozilla 、Netscape等主流浏览器。

  首先在官方网站下载fckeditor,注意有两个包,一个是主文件,一个是jsp整合包的。

  1、解压FCKeditor_2.2.zip,(FCKeditor主文件),将FCKeditor目录复制到网站根目录下,

  2、解压FCKeditor-2.3.zip,(jsp,FCKeditor整合包),作用:This is the JSP Integration Pack for using FCKeditor inside a java server page without the complexity of using a Java scriptlets or the javascript api.

  3、将FCKeditor-2.3/web/WEB-INF/web.xml中的两个servlet,servlet-mapping定义复制到自已项目的web.xml文件中
修改

 

<servlet-mapping> 
        <servlet-name>Connector</servlet-name> 
        <url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> 
    </servlet-mapping> 

    <servlet-mapping> 
        <servlet-name>SimpleUploader</servlet-name> 
        <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern>  
 </servlet-mapping> 

 

  为
<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> 
 

  4、将FCKeditor-2.3/web/WEB-INF/lib目录下文件复制到自已项目的lib文件夹中

  5、在需使用FCKeditor的jsp界面中加入:

 

// 文件开头处加入 
<%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %> 
//要使用的地方加入 
<FCK:editor id="content" basePath="/FCKeditor/" 
                                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/upload/simpleuploader?Type=Image" 
                                linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File" 
                                flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> 
            this is default content :) 
</FCK:editor> 

 

  启动服务器测试。。。。成功后,来给FCKeditor瘦瘦身. 

  1、将FCKeditor目录下及子目录下所有以”_”下划线开头的文件夹删除
  2.FCKeditor根目录下只保留fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml其余全部删除
  3.将editor/filemanager/upload目录下文件及文件夹清空.
  4.还可以将editor/skins目录下的皮肤文件删除,只留下default一套皮肤(如果你不需要换皮肤的话)
  5.还可以将editor/lang目录下文件删除,只保留en.js, fcklanguagemanager.js, zh-cn.js, zh.js文件(英文,简体中文,繁体中文一般应该够用了:) )

  完成,现在看是不是清爽了很多?

  其它问题:
  在struts+spring+hibernate中使用,上传图像功能中可能会出现报:
  The output format must have a ‘{http://xml.apache.org/xalan}content-handler’ property!
  错的情况,将WEB-INF/lib目录下xalan*.jar删除试试

  安全问题:
  假如在前台让普通用户也能使用FCKEditor,要注意相关安全问题,在前台使用时,不要使用默认的ToolBar,
  要将添加图像,flash,图像域按钮去掉
在fckconfig.js中大约78行配置  那些数组中的值就像当于界面上的一个功能,你可以强行把每组值试出来代表什么。:P

  到此安装FCKeditor就完成了,相关详细配置你可以看FCKeditor-2.3.zip,(jsp,FCKeditor整合包)文件夹中web/_samples目录下的例子。

分享到:
评论

相关推荐

    在jsp环境中配置使用FCKEditor(文本编辑器)

    在JSP环境中配置FCKEditor,首先需要了解FCKEditor是一个强大的开源HTML文本编辑器,它使得Web应用程序能够提供类似于Microsoft Word的编辑功能,并且兼容主流的浏览器。配置FCKEditor涉及以下几个步骤: 1. **环境...

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

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

    在JSP中配置FCKeditor 2.6.4

    ### 在JSP中配置FCKeditor 2.6.4 FCKeditor 是一款非常流行的开源 HTML 编辑器,它能够为 Web 开发者提供类似 Microsoft Word 的强大编辑功能。这款编辑器支持多种现代浏览器,并且对于 JSP 开发环境而言具有良好的...

    简单FCKeditor在jsp中的使用

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

    jsp中使用FCKEditor

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

    FCKeditor2.3在jsp配置

    版本2.3是其历史版本之一,虽然现在已经有了更先进的替代品,但理解如何在JSP中配置FCKeditor对于维护旧系统或学习历史技术仍然很有价值。 ### 一、FCKeditor简介 FCKeditor(Full-Featured Client-side Text ...

    基于jsp的FCKeditor终于配置好了

    本文将深入探讨如何在Java Web环境中,利用JSP技术成功配置FCKeditor。 【配置步骤】 1. **下载FCKeditor**: 首先,你需要从FCKeditor的官方网站(http://www.fckeditor.net/)下载最新版本的FCKeditor源码。这...

    FCKeditor 在jsp中的用法

    本文将详细讲解如何在JSP环境中集成并配置FCKeditor,以及实现文件上传和目录浏览功能。 首先,我们需要从FCKeditor官网(http://www.fckeditor.net/)下载FCKeditor 2.3版本,同时获取FCKeditor的Java包FCKeditor-...

    jsp已配置好的fckeditor 2.4

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

    jsp中配置 FCKeditor2.3(转)

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

    jsp页面中加入fckeditor编译器

    FCKeditor是一款功能强大的开源文本编辑器,广泛应用于网页内容编辑,尤其在Java JSP开发环境中。它提供了丰富的文本格式化选项,支持图片、链接、表格等多媒体元素的插入,使得网页内容编辑更加直观和便捷。在JSP...

    JSP使用FCKeditor(带上传图片)实例.rar

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

    Fckeditor在jsp、Tomcat环境中的配置部署

    ### Fckeditor在jsp、Tomcat环境中的配置部署 #### 知识点概览 - Fckeditor简介及其在Java环境下的应用 - Tomcat服务器及版本兼容性 - JDK版本选择与配置 - Fckeditor的安装与配置流程 - JSP项目创建与文件结构 - ...

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

    在JSP环境中集成FCKEditor,可以提升网站内容编辑的用户体验。下面我们将详细探讨如何在JSP项目中使用FCKEditor 2.6版本。 1. **FCKEditor概述** FCKeditor 2.6是一个基于JavaScript的富文本编辑器,支持多种...

    FCKeditor (jsp在线编辑器)配置总结

    在JSP环境中使用FCKeditor,可以极大地提升网站内容编辑的便捷性和用户体验。 **1. FCKeditor安装与集成** 首先,你需要从FCKeditor的官方网站下载对应版本的编辑器压缩包,解压后会得到一个包含各种文件和目录的...

    FCKeditor2.3 for jsp编辑器(内附配置说明) .rar

    8. **配置说明**:压缩包中的“配置说明”文件可能包括了详细的步骤指导,帮助开发者了解如何正确配置和使用FCKeditor2.3与JSP的结合,解决可能出现的问题。 综上所述,FCKeditor2.3 for jsp是一个功能强大的文本...

    一个在jsp下可用的fckeditor组件

    要在MyEclipse中使用FCKeditor,首先需要下载FCKeditor的压缩包,然后将其解压到项目的WebContent目录下。接下来,在JSP文件中引入FCKeditor的JavaScript库,并配置相应的路径。在MyEclipse中,可以直接运行项目,...

Global site tag (gtag.js) - Google Analytics