`

FCKeditor在java web程序中的使用介绍

阅读更多
FCKeditor的使用
                                                     ++YONG原创,转载请注明
 
引:最近在做一个BLOG演示程序,用到了在线文本编辑器,以前一直用eWebEditor。后来发现FCKeditor是开源的,所以就转用这个了,这篇文章介绍了FCKeditor-2.4.3及FCKeditor.java-2.3.2的基本使用。
新发现:原来CSDN博客系统的在线文本编辑器用的也是FCKeditor。不过不太厚道,把人家的“关于”也去掉了.
 
一、FCKeditor介绍
FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功能。FCKeditor 支持当前流行的浏览器如IE 5.5+, Firefox 1.0+, Mozilla 1.3+与Netscape 7+等。基本上我们需要的编辑功能它都能够实现,包括粘贴word格式的文档,上传图片,设置图片与文字的各种格式,预览。最重要是它不但完全免费,而且是多国语言的,对中文的支持也非常好。
FCKeditor官方网址:http://www.fckeditor.net/。写此文档时的最新版本是2.4.3。下图中①为此开源包的主文件下载地址。
二、在JAVA项目中使用FCKeditor在线编辑器:
FCKeditor不能直接在JSP项目中使用,需要FCKeditor.java库的支持。FCKeditor.java是针对在JAVA中使用FCKeditor而开发的一套整合包(由Simone Chiaretta开发)。FCKeditor官方网址上提供了此包的下载,如上图②为此包的下载地址(当前最新版本是2.3)
1.  新建一个java web应用程序。
2. 解压FCKeditor_2.4.3.zip包:
将其中的 edit 文件夹挎贝到项目中的根目录下(下图中①),将其中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件也挎贝到项目中的根目录下(下图中②)。
3.  解压 FCKeditor.java-2.3.zip 包:
将其中的 \web\WEB-INF\lib 下的两个 jar 文件挎贝到项目的WEB-INF\lib 目录下(下图③),把\src 下的 FCKeditor.tld 文件挎贝到项目的 WEB-INF目录下(下图④)。
4.  完成后的目录如下:
5.  上图⑤中的文件夹是为保存上传的图片、flash准备的。
6.  修改WEB-INF\web.xml文件:
加入FCKeditor的配置信息,如下:
<display-name>FCKeditor在线文本编辑器的使用配置</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>/uploads/</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>
        <!-- 此为文件上传路径,需要在WebRoot 目录下新建 UserFiles 文件夹 -->
        <!-- 根据文件的类型还需要新建相关的文件夹 ImageFlash -->
            <param-value>/uploads/</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>true</param-value>
        </init-param>
        <init-param>
            <param-name>AllowedExtensionsFile</param-name>
            <param-value></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>DeniedExtensionsImage</param-name>
            <param-value></param-value>
        </init-param>
        <init-param>
            <param-name>AllowedExtensionsFlash</param-name>
            <param-value>swf|fla</param-value>
        </init-param>
        <init-param>
            <param-name>DeniedExtensionsFlash</param-name>
            <param-value></param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <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>
      
7.  在需使用FCKeditor的jsp页面中加入:
// 文件开头处加入
//要使用的地方加入(id=”content”为此组件的标识)
<FCK:editor id="content" basePath="/你的web应用程序名/"
imageBrowserURL="/你的web应用程序名/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/你的web应用程序名/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/你的web应用程序名/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/你的web应用程序名/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/你的web应用程序名/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/你的web应用程序名editor/filemanager/upload/simpleuploader?Type=Flash"> </FCK:editor>
在java web程序中要获取此编辑器中编辑好的文本就用以下代码:
//注意这个"content"就是在<FCK:editor>中设置的id。
request.getParameter("content");
              另外,此标签的几个较常用的属性(其它属性的使用可看tld文件):
l         width="100%" :宽度,默认值为100%
l         height="200":高度,默认值是200
l         skinPath="skins/default/":工具条的皮肤。除了默认值,还有这两个值:skins/silver/和skins/office2003。
l         toolbarSet="Default":工具集名称,即出现在页面上的工具条上的工具按钮,参考fckconfig.js,默认值是Default。默认的工具集中很多的工具条都用不上。可以在fckconfig.js中添加自定义的工具集,如下:
FCKConfig.ToolbarSets["qiujyDefault"] = [
    ['Source','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteWord'],
    ['Find','Replace','-','SelectAll','RemoveFormat','Table'],
    ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript','-','Outdent','Indent'],
    ['OrderedList','UnorderedList','JustifyLeft','JustifyCenter','JustifyRight','Link','Unlink'],
    ['TextColor','BGColor'],
    ['Image','Flash','Rule','Smiley','-','Form','Checkbox','Radio','TextField','Textarea','Select','Button','-','About'],
    ['Style','FontFormat','FontName','FontSize']
] ;
 
FCKConfig.ToolbarSets["qiujyBasic"] = [
    ['Bold','Italic','Underline','StrikeThrough','-','OrderedList','UnorderedList','Rule','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','-','Link','Unlink','-','TextColor','BGColor','-','Smiley','About']
] ;
 
8.  给FCKeditor瘦瘦身:
l         将FCKeditor目录下及子目录下所有以“_”下划线开头的文件夹删除
l         还可以将editor/skins目录下的皮肤文件删除,只留下default一套皮肤(如果你不需要换皮肤的话)
l         还可以将editor/lang目录下文件删除,只保留en.js, zh-cn.js, zh.js文件(英文,简体中文,繁体中文一般应该够用了)
9.  安全问题:
假如在前台让普通用户也能使用FCKEditor,要注意相关安全问题。在前台使用时,不要使用默认的工具集,可用如上自定义的工具集qiujyBasic即在jsp页面的<FCK:editor>上添加属性toolbarSet="qiujyBasic"。
 
分享到:
评论

相关推荐

    fckEditor在java中的应用

    FCKEditor是一款开源的HTML编辑器,它允许用户在Web应用程序中创建和编辑富文本内容。这款编辑器提供了类似Microsoft Word的界面,支持图片上传、链接插入、格式化文本等多种功能,极大地提升了网页内容的编辑体验。...

    FCKeditor & FCKeditor.java & fck-faces

    FCKeditor.java是FCKeditor的一个Java版本,它是针对Java应用的集成接口,使得FCKeditor可以无缝地嵌入到Java Web应用程序中。通过FCKeditor.java,开发者可以在Java后端处理编辑器提交的内容,例如进行数据验证、...

    fckeditor java Web开发完全组合包,及配置过程.rar

    FCKeditor是一款经典的开源富文本编辑器,常用于Java Web应用程序中,为用户提供WYSIWYG(所见即所得)的编辑体验。这个压缩包"**fckeditor java Web开发完全组合包,及配置过程.rar**"包含了在Java Web环境下集成和...

    FCKEditor(Java)完整资料包

    FCKeditor以其直观的用户界面和丰富的功能,被广泛应用于各种Java Web应用程序中,如内容管理系统(CMS)、论坛、博客等,为用户提供了一流的文本编辑体验。 ### FCKEditor概述 FCKeditor最初由Fernando Gontti...

    FCKeditor.java-2.3

    FCKeditor是一款开源的在线HTML编辑器,允许用户在Web页面上进行内容编辑,就像在桌面应用程序中编辑文档一样。在Java Web开发中,它常被用来提供给用户一个用户友好的界面来创建和编辑富文本内容,如文章、博客、...

    FCKeditor编辑器在JAVA中的使用与配置.pdf

    ### FCKeditor编辑器在Java中的使用与配置详解 #### 引言 FCKeditor是一款功能强大且易于使用的网页编辑器,它支持多种编程语言,包括Java。在Java环境中使用FCKeditor,不仅可以提高文本编辑的灵活性,还能增强...

    fckeditor-java-2.6-bin

    2. **API使用**:通过Java API,开发者可以在网页中嵌入FCKeditor,设置编辑器的配置,如宽度、高度、初始内容等。 3. **服务器端处理**:FCKeditor与服务器端交互,处理文件上传和保存编辑内容。对于Java应用,这...

    FCKeditor在java中的使用.pdf

    在Java Web项目中使用FCKeditor,需要依赖FCKeditor.java库。配置步骤如下: 1. 创建一个名为FCKTest的Web应用程序项目。 2. 将解压后的FCKeditor文件夹放置在项目根目录下。 3. 从FCKeditor-2.3.zip压缩包中提取`...

    FCKeditor_2.6.5.zip,fckeditor-java-demo-2.5.war

    这个演示程序提供了如何在Java应用中集成FCKeditor的实例,开发者可以通过运行这个WAR文件来快速体验和学习如何在自己的项目中使用FCKeditor。 FCKeditor的特性包括: 1. **跨浏览器支持**:FCKeditor支持多种主流...

    fckeditor-java-2.4.1-src.zip_FCKeditor jsp_fckeditor-java_fcked

    在Java环境下,FCKeditor提供了fckeditor-java版本,使得Java开发者能够方便地在Web应用中集成这款编辑器,提供丰富的文本编辑功能。 标题中的"fckeditor-java-2.4.1-src.zip"表明这是一个FCKeditor的Java版本源码...

    fckeditor-java-2.4.1-bin

    "Fckeditor-java-2.4.1-bin"是一个用于Java平台的富文本编辑器软件包,主要功能是为Web应用程序提供一个强大的在线文本编辑工具。FCKeditor是一款开源的JavaScript库,它允许用户在网页上创建类似桌面应用的文本编辑...

    fckeditor-java-demo-2.4.1.war

    通过这个war文件,开发者可以学习如何在Java Web项目中集成FCKeditor,提供用户友好的文本编辑功能。集成过程包括配置Servlet、引用JavaScript库、设置编辑器属性以及处理提交的富文本内容。同时,开发者还可以...

    fckeditor-java-2.4.1修改支持jdk1.4

    其Java版本(FCKeditor-java)使得开发者可以将这款编辑器无缝集成到Java应用程序中。然而,在2.4.1版本发布时,它默认支持的Java环境可能较高,不适用于仍运行在JDK 1.4环境的项目。本文将深入探讨如何通过对源码...

    fckeditor-java-2.5-bin.zip

    3. **自定义集成**:FCKeditor可以方便地集成到任何Java Web应用程序中,如Java Servlets、JSP、Struts、Spring MVC等框架。通过提供API和示例代码,开发者可以定制编辑器的外观和功能,以满足特定项目需求。 4. **...

    fckeditor在java环境下的使用方法.pdf

    总之,FCKeditor在Java环境下是一个强大且易用的富文本编辑解决方案,通过简单的部署和配置,可以快速集成到Web应用程序中,提供用户友好的文本编辑体验。其广泛的应用场景,包括但不限于博客系统、CMS内容管理系统...

    java fckeditor 2.6.6 源代码 jar包 示例程序 官方下载 天涯浪子

    另一个文件`fckeditor-java-demo-2.6.war`是一个Web应用程序示例,展示了如何在实际项目中部署和使用FCKeditor。这是一个WAR(Web Application Archive)文件,可以被部署到支持Servlet容器(如Tomcat、Jetty等)上...

    fckeditor-java-demo

    在这个demo中,开发者可以学习到如何将FCKeditor与Java Web应用程序相结合,实现富文本输入的功能。 FCKeditor的核心特性包括: 1. **所见即所得(WYSIWYG)编辑**:FCKeditor提供了一个直观的界面,用户可以直接...

    基于Java使用FCKeditor

    FCKeditor是一款流行的开源HTML文本编辑器,它允许用户在Web应用程序中创建和编辑富文本内容,如网页、博客文章等。这篇教程可能是针对开发者,特别是那些希望在Java Web应用中集成一个易于使用的文本编辑功能的人员...

Global site tag (gtag.js) - Google Analytics