`

FCKeditor使用说明

fckeditorJSPWebASP.netFlash 
阅读更多
开发环境：
Tomcat6.0 MyEclipse 5.1.1

FCKeditor 版本 FCKeditor_2.5 FCKeditor.Java 2.3

下载地址： http://www.fckeditor.net/download/default.html

开始：

新建工程，名称为 FCKeditor
解压 FCKeditor_2.5 包中的 edit 文件夹到项目中的 WebRoot\fck目录

解压 FCKeditor_2.5 包中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夹到项目中的 WebRoot\fck目录

解压 FCKeditor-2.3.zip 包中的 \web\WEB-INF\lib 下的两个 jar 文件到项目的 WebRoot\WEB-INF\lib 目录

解压 FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录

刷新一下工程，有一个文件会出错，不管它是什么错，将错误信息清除

删除 WebContent\edit 目录下的 _source 文件夹

修改 web.xml 文件，加入以下内容

代码 
<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> 
            <!-- 此为文件上传路径，需要在WebRoot 目录下新建 UserFiles 文件夹 --> 
            <!-- 根据文件的类型还需要新建相关的文件夹 Image、 Flash --> 
            <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>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>/FCKeditor/fck/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> 
</servlet-mapping> 

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


新建一个提交页 test.jsp 文件和一个接收页 show.jsp 文件

test.jsp 代码如下：

代码 
<%@ page contentType = "text/html;charset=UTF-8" language = "java" %> 
<%@ taglib uri = "/WEB-INF/FCKeditor.tld" prefix = "fck" %><html> 
<head> 
    <title> Test </title> 
</head> <body> 
    <FORM action = "test1.jsp" > 
    <fck:editor id = "testfck" basePath = "/FCKeditor/fck/" 
    height = "100%" 
    skinPath = "/FCKeditor/fck/editor/skins/default/" 
    toolbarSet = "Default" 
    imageBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" 
linkBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" 
flashBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" 
imageUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=Image" 
    linkUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=File" 
flashUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=Flash" > 
</fck:editor> 
<input type="submit" /> 
    </FORM> 
</body> 
</html>


show.jsp 代码如下： 

<html> 
<head> 
    <title>TEST</title> 
</head> <body> 
    <%=request.getParameter( "testfck" )%> 
</body> 
</html>


在 WebRoot 目录下新建 UserFiles 文件夹，在此文件夹下新建 Image 和 Flash 两个文件夹

这样就可以测试了



参考http://www.blogjava.net/oksonic/archive/2006/05/11/45687.aspx
分享到：
| split方法分隔特殊字符
评论
发表评论

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

相关推荐

    FCKEditor使用说明英文

    ### FCKEditor 使用说明英文 #### CKEditor for Java 集成指南 ##### 系统需求 请注意，您至少需要 JRE 1.4 和 Servlet 2.5/JSP 2.1 才能使用此集成。 ##### 安装 将 CKEditor 添加到您的应用程序是一个两步...

    FCKEDITOR 使用说明

    **FCKEditor 使用详解** FCKEditor是一款曾经非常流行的开源HTML文本编辑器，它使得在网页上创建富文本内容变得更加简单。尽管现在已经被CKEditor所取代，但FCKEditor在许多旧项目中仍然广泛使用，因此理解其工作...

    fckeditor使用说明书中文版

    在中文版的使用说明中，我们关注以下几个关键知识点： 1. **加载性能**：FCKEditor的优势在于其快速的加载速度，这得益于其优化的文件结构和加载策略。与其他编辑器如CUTEEDITOR相比，FCKEditor在加载所需文件方面...

    在线编辑器FCKeditor使用说明与案例代码

    以下是对FCKeditor的详细使用说明和案例代码分析。 1. **安装与配置** 在使用FCKeditor之前，首先需要下载并解压FCKeditor的压缩包，然后将其上传到服务器的适当目录。配置主要涉及到编辑器的路径设置，通常在`...

    FCKeditor2.6.4使用说明

    **FCKeditor2.6.4使用说明** FCKeditor是一款功能强大的开源文本编辑器，广泛应用于网页内容编辑，尤其适合需要用户输入HTML内容的网站。版本2.6.4是其历史版本之一，提供了丰富的功能和良好的兼容性。本文将详细...

    FCKeditor中文使用手册

    **FCKeditor中文使用手册** FCKeditor是一款强大的开源在线文本编辑器，广泛应用于网站内容管理系统（CMS）、论坛和其他需要富文本编辑功能的Web应用中。这个中文使用手册由建站三人行站长（www.zengl.com）翻译，...

    FCKEditor完整使用说明--一步步教你使用FCKeditor插件

    **FCKEditor完整使用说明** FCKeditor是一款强大的开源HTML编辑器，被广泛应用于网站内容管理系统（CMS）、论坛和其他需要富文本编辑功能的Web应用中。对于初学者来说，掌握其使用方法至关重要，因为这将极大地提升...

    FCKEditor+附送前台配置+实例

    **FCKEditor** 是一款非常流行的开源在线文本编辑器，它允许用户在网页上进行富文本编辑，...提供的资源，特别是`FCKEditor使用说明.txt`，应该包含了更具体的使用指南和示例，可以帮助你快速掌握FCKEditor的使用技巧。

    FckEditor（包括使用说明）.rar

    **三、使用说明** FckEditor的使用通常涉及以下几个步骤： 1. **创建编辑器实例**：在JavaScript中创建FckEditor对象，指定ID和容器元素。 2. **初始化编辑器**：调用`FCKeditor.Create()`方法进行初始化。 3. **...

    fckeditor 编辑器 和使用说明

    2. **使用说明** - **安装集成**：首先，你需要将fckeditor的文件夹上传至服务器，并在项目中引用相应的DLL文件，例如`FredCK.FCKeditorV2.dll`。 - **配置Web.config**：根据`webconfig.txt`文件的指导，可能需要...

    FCKeditor详细使用说明

    以下是对FCKeditor的详细使用说明： **一、FCKeditor的准备工作** 1. 首先，你需要从官方网站www.fckeditor.net下载FCKeditor的最新版本，如FCKeditor_2.6.6.rar和fckeditor-java-2.6-bin.zip。 2. 创建一个新的...

    FCKeditor.zip及使用说明文档

    **FCKEditor使用指南.pdf** 这份文档应该是官方提供的详细使用手册，包含了FCKeditor的基本操作、配置、API介绍、集成到项目中的步骤等内容。对于初学者来说，这是一个宝贵的资源，能够帮助快速理解如何在自己的网站...

    FCKeditor控件和控件的使用说明

    在使用FCKeditor之前，你需要将其下载并添加到你的项目中。下载完成后，解压文件，将`fckeditor`目录放置在服务器的适当位置。接着，在HTML页面中引入FCKeditor所需的JavaScript文件，通常包括`fckeditor.js`。然后...

    fckeditor文件及使用配置说明.rar

    这个“fckeditor文件及使用配置说明.rar”压缩包包含的资源应该主要是关于如何安装、配置以及使用FCKeditor的详细指南。 首先，FCKeditor是一个JavaScript库，它允许在网页上实现所见即所得（WYSIWYG）的编辑功能。...

    FCKeditor最新版及使用说明

    总的来说，这份压缩包提供了CKeditor 3.0.1的最新版本以及集成和配置的说明，对于那些希望在项目中使用这款强大编辑器的人来说，是非常有价值的资源。通过深入学习和实践，开发者可以充分利用CKeditor的功能，创建出...

    FCKeditor使用指南

    ### FCKeditor使用指南 #### 1. FCKeditor的下载及介绍 ##### 1.1 下载地址 - **FCKeditor主页**: [http://www.FCKeditor.net](http://www.FCKeditor.net) - **演示地址**: [http://www.FCKeditor.net/demo]...

    FckEditor中文配置手册详细说明

    FCKEditor 是一个功能强大且广泛使用的富文本编辑器，它提供了多种功能，如格式化文本、插入图片、插入链接、表格操作等。下面是 FCKEditor 中文配置手册详细说明。 一、下载和安装 FCKEditor 首先，我们需要下载 ...

    PHP FCKeditor_2.6.6 瘦身精简版 带重命名上传+实例使用说明

    //第二步:使用种子初始化随机数发生器 srand($seed); //第三步:生成指定范围内的随机数 $random =rand(1,10000); $filename = date("dHis", time()).$random.'.'.$prefix; return $filename; } 2.[204行]...

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