rainlife
rainlife

FCKEditor使用说明

阅读更多
1. FCKeditor 介绍
FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功
能.FCKeditor 支持当前流行的浏览器如IE 5.5+, Firefox 1.0+, Mozilla 1.3+与Netscape 7+等。
 

FCKeditor官司方网址：http://www.fckeditor.net/

FCKeditor在线DEMO：http://www.fckeditor.net/demo

FCKeditor下载直址：http://www.fckeditor.net/download (该版本为2.3.2)，最新版已经是2.4了。

 

2.FCKeditor.java介绍

不能直接在JSP项目中使用，需要FCKeditor.java库的支持。

FCKeditor.java是针对对JAVA中使用FCKeditor由Simone Chiaretta开发的FCKeditor的JAVA实现。

下载地址：http://www.fckeditor.net/download (最近版本为2.3)

 

3.在JAVA项目中使用FCKeditor在线编辑器

开发环境：JDK5.0 ＋ Eclipse3.2.1 + WTP1.5.2

（1）新建一个WEB工程：

(2) 解压 FCKeditor_2.3.2.zip包，将其中的 edit 文件夹到项目中的 WebRoot 目录

(3) 解压 FCKeditor_2.3.2.zip 包，将其中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夹到项目中的 WebRoot 目录

(4) 解压 FCKeditor.java-2.3.zip 包，将其中的 \web\WEB-INF\lib 下的两个 jar 文件到项目的 WebRoot\WEB-INF\lib 目录

(5) 解压 FCKeditor.java-2.3.zip 包，将其中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录

(6) 删除 WebContent\edit 目录下的 _source 文件夹（以“_”开始的文件，在项目中无用）

完成后的目录结构下如：

说明：图中的input.jsp和display.jsp两个是我写的测试集成FCKeditor的JSP文件。

  UserFiles是FCKeditor上传文件的文件夹。

修改WebContent/WEB-INF/web.xml文件，加入FCKeditor的配置信息，如下：



    FCKeditor
    
        Connector
        
            com.fredck.FCKeditor.connector.ConnectorServlet
        
        
            baseDir
            
            /UserFiles/
        
        
            debug
            true
        
        1
    
    
        SimpleUploader
        
            com.fredck.FCKeditor.uploader.SimpleUploaderServlet
        
        
            baseDir
            
            
            /UserFiles/
        
        
            debug
            true
        
        
            
            enabled
            false
        
        
            AllowedExtensionsFile
            
        
        
            
            DeniedExtensionsFile
            
                php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
            
        
        
            AllowedExtensionsImage
            jpg|gif|jpeg|png|bmp
        
        
            DeniedExtensionsImage
            
        
        
            AllowedExtensionsFlash
            swf|fla
        
        
            DeniedExtensionsFlash
            
        
        1
    
    
        Connector
        
            /editor/filemanager/browser/default/connectors/jsp/connector
        
    
    
        SimpleUploader
        
            /editor/filemanager/upload/simpleuploader
 

 

注：web.xml中已经加入了一些常用配置的说明。

  • 新建input.jsp文件，内容如下：(注意内容中的” testfck” 这个id)
    <%...@ page contentType="text/html;charset=UTF-8" language="java"%>
<%...@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>


Test
    说明：在JSP中集成FCKeditor有以下几种方式：
    (1)JavaScript集成：
        如上面内容所示，通过新建一个FCKeditor对象，然后调用该对象的设置方法来设置FCKeditor的各个属性，最后调用FCKeditor的ReplaceTextarea()替换HTML页面中的