fck 使用说明

本文主要说明如果在jsp环境中使用FCK的各项功能。

1：下载FCK editor包，我用的是最新的2.5版本，解压后会有fckeditor这样的一个文件夹。

2：下载FCK editor JAVA包，解压后，在myeclipse或eclipse等IDE开发环境中建立web项目，具体步骤略

3：将FCK editor包中的fckeditor文件夹复制到web项目中的根目录下，这样做的好处就是fck editor的文件非常多，如果直接将fck editor里面的内容复制到根目录，非常乱，不方便以后的升级。

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

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

6.在web.xml下配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
 xmlns="http://java.sun.com/xml/ns/j2ee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
 http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 
  <display-name>FCKeditor Test Application</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>/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>
   <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/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>  

 
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
   
  </welcome-file-list>
 

</web-app>

6：下面大概说一下如何配置FCK editor。FCK editor的主要配置在fckconfig.js中。

1. FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; 这个是控制fck editor的样式的，还有其它两个选择，一个是office2003风格，还有一个是灰色风格的，只需要替换上面的default即可。具体路径在web\fckeditor\editor\skins下可以找到。
2. FCKConfig.DefaultLanguage  = 'zh-cn' ; 这个是默认支持的语言，fck editor支持好多种语言，如果不考虑国际化的话，可以把语言文件都删掉。路径在\web\fckeditor\editor\lang，我只保留了zh-cn。
3. FCKConfig.TabSpaces = 8；这是设置tab键的。0为tab键不生效，1为tab键的长度为1，我设置为8。
4. FCKConfig.ToolbarSets["Default"]；设置fck editor的工具栏，我只保留了['ImageButton']。这样速度比较快。
5. FCKConfig.Keystrokes；设置fck editor里的快捷键，如果不想用户使用，注释掉就可以了。
6. FCKConfig.ImageDlgHideLink  = true ;FCKConfig.ImageDlgHideAdvanced = true ;设置图像上传时候的Link标签和高级标签是否显示，如果想隐藏就设置为true。

7. 优化fckeditor文件

 .可删除文件有：

            删除/FCKeditor/目录下除fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件以外的所有文件
            删除目录/editor/_source,
            删除/editor/filemanager/browser/default/connectors/下的所有文件
            删除/editor/filemanager/upload/下的所有文件
            删除/editor/lang/下的除了fcklanguagemanager.js, en.js, zh.js, zh-cn.js四个文件的所有文件

 

8.在jsp页面如何使用(位置自己调整)

<%@ taglib prefix="FCK" uri="/WEB-INF/FCKeditor.tld" %>

 

 

     <FCK:editor id="EditorAccessibility" width="80%" height="400">
       内容
    </FCK:editor> 

 

 

9. 附件中有例子