藏族人一妻多夫的视频:FCKEditor使用说明

来源：百度文库 编辑：中财网 时间：2024/04/25 17:37:48
       时间: 2007-02-14 19:47    关键字:    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文件。

  • 修改WebContent/WEB-INF/web.xml文件，加入FCKeditor的配置信息，如下：
xml 代码  
  1. xml version="1.0" encoding="UTF-8"?>  
  2.     xmlns="http://java.sun.com/xml/ns/j2ee"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">  
  5.     FCKeditordisplay-name>  
  6.       
  7.         Connectorservlet-name>  
  8.           
  9.             com.fredck.FCKeditor.connector.ConnectorServlet  
  10.         servlet-class>  
  11.           
  12.             baseDirparam-name>  
  13.               
  14.             /UserFiles/param-value>  
  15.         init-param>  
  16.           
  17.             debugparam-name>  
  18.             trueparam-value>  
  19.         init-param>  
  20.         1load-on-startup>  
  21.     servlet>  
  22.       
  23.         SimpleUploaderservlet-name>  
  24.           
  25.             com.fredck.FCKeditor.uploader.SimpleUploaderServlet  
  26.         servlet-class>  
  27.           
  28.             baseDirparam-name>  
  29.               
  30.               
  31.             /UserFiles/param-value>  
  32.         init-param>  
  33.           
  34.             debugparam-name>  
  35.             trueparam-value>  
  36.         init-param>  
  37.           
  38.               
  39.             enabledparam-name>  
  40.             falseparam-value>  
  41.         init-param>  
  42.           
  43.             AllowedExtensionsFileparam-name>  
  44.             param-value>  
  45.         init-param>  
  46.           
  47.               
  48.             DeniedExtensionsFileparam-name>  
  49.               
  50.                 php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi  
  51.             param-value>  
  52.         init-param>  
  53.           
  54.             AllowedExtensionsImageparam-name>  
  55.             jpg|gif|jpeg|png|bmpparam-value>  
  56.         init-param>  
  57.           
  58.             DeniedExtensionsImageparam-name>  
  59.             param-value>  
  60.         init-param>  
  61.           
  62.             AllowedExtensionsFlashparam-name>  
  63.             swf|flaparam-value>  
  64.         init-param>  
  65.           
  66.             DeniedExtensionsFlashparam-name>  
  67.             param-value>  
  68.         init-param>  
  69.         1load-on-startup>  
  70.     servlet>  
  71.       
  72.         Connectorservlet-name>  
  73.           
  74.             /editor/filemanager/browser/default/connectors/jsp/connector  
  75.         url-pattern>  
  76.     servlet-mapping>  
  77.       
  78.         SimpleUploaderservlet-name>  
  79.           
  80.             /editor/filemanager/upload/simpleuploader  
  81.         url-pattern>  
  82.     servlet-mapping>  
  83. web-app>  

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

  • 新建input.jsp文件，内容如下：(注意内容中的” testfck”这个id)


（上面不能直接帖HTML的代码，所以只能帖一个图片上来，要是有知道如何帖HTML代码的朋友，请告诉我一下，谢谢）

说明：在JSP中集成FCKeditor JavaScript集成：

如上面内容所示，通过新建一个FCKeditor对象，然后调用该对象的设置方法来设置FCKeditor的各个属性，最后调用FCKeditor的ReplaceTextarea()替换HTML页面中的