FCKEditor 的使用方法

fckeditor 的使用方法
   通过javascript 调用的的两种方法
  第一种： 
 1，把fckeditor 引入到项目的根目录WebRoot下。
        2，在页面引入fckeditor.js 文件。
        3，在要使用fckeditor的地方写下如下代码：
            <script type="text/javascript">
           var fckeditor = new FCKeditor('FCKeditor');
  //这里要注意路径在fckeditor前要加入项目名字，fckeditor后面的/不能省。
                fckeditor.BasePath="/fckeditor/"; 
                fckeditor.Width="100%";   //设置fckeditor的宽度
                fckeditor.Heigth="100%";  //设置fckeditor的高度
                fckeditor.Value="  "; //设置fckeditor的初始值
                fckeditor.ToolbarSet ="Basic"; //设置工具栏
                fckeditor.Create();
     </script>

   第二种：(替换Textarea)
       1，把fckeditor 引入到项目的根目录WebRoot下。
       2，在页面引入fckeditor.js 文件。
       3，在要使用fckeditor的地方写下如下代码：
 <script type="text/javascript">
    window.onload = function()
    {
       var fckeditor =new FCKeditor('fckText');
       fckeditor.BasePath="/fckeditor/"; 
       fckeditor.ReplaceTextarea();
           } 
 </script>
       4, 在Textarea的name属性里面填上FCKeditor的名称'fckText',就ok了；
  
    在jsp 中通过自定标签调用
      1，解压fckeditor-java-2.5，把fckeditor-java-core-2.5.jar 和lib目录下的五个jar包都拷贝到项目的

lib目录里，包括: commons-fileupload-1.2.1.jar,commons-io-1.3.2.jar,imageinfo-1.9.jar,slf4j-api-

1.5.8.jar,slf4j-simple-1.5.8.jar。
      2，在jsp页面引入自定义标签，<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%> ;
      3, 调用fckeditor， <FCK:editor instanceName="myEditor" basePath="/fckeditor" value=" ">;       

         // basePath要以/开头，/代表当前工程的路径，一定要设置value且值不能为空，宽度，高度都可以设置

。

   配置fckeditor
      在默认的fckconfig.js里面可以配置fckeditor，这样配置对项目中所有fckeditor都起作用，使用自定义配

置文件就可以只对某个fckeditor起作用。
      使用自定义配置文件：
      1，在项目根目录下新建一个js文件，然后根据需求进行配置。
      2，引用自定义配置文件有两种方法：第一种是在fckconfig.js里面进行引用，找到 

FCKConfig.CustomConfigurationsPath = '/项目名/自定义js名'，注意路径；这样配置就对项目中所有fckeditor

都起作用。 第二种是在页面中调用fckeditor时进行配置 如：fckeditor.Config["CustomConfigurationsPath"]

="/项目名/自定义配置文件名"; 这样配置只对单个fckeditor起作用。
    注意： 如果有自定义配置文件，则会覆盖相同的配置项。

   fckeditor 文件上传
       1， 在web.xml中加入
     <servlet>
      <servlet-name>ConnectorServlet</servlet-name>
        <servlet-class>
          net.fckeditor.connector.ConnectorServlet
      </servlet-class>
      <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
      <servlet-name>ConnectorServlet</servlet-name>
      <url-pattern>
        /fckeditor/editor/filemanager/connectors/*
      </url-pattern>
    </servlet-mapping>
 
   2，在classpath 路径下创建fckeditor.properties文件
        connector.userActionImpl=net.fckeditor.requestcycle.impl.EnabledUserAction

   3, 控制允许上传的图片类型
      在fckeditor-java-core-2.5.jar下的net.fckeditor.handlers包下找到default.properties,把

  connector.resourceType.image.extensions.allowed = bmp|gif|jpeg|jpg|png(设置图片类型) 拷贝出来放到src

下的fckeditor.properties 里，然后在自定义js配置文件或默认的fckconfig.js中找到

FCKConfig.ImageUploadAllowedExtensions = ".(jpg|gif|jpeg|png|bmp)$" 进行设置。

   注意：在struts2中使用fckeditor时，要在web.xml中把 <filter-mapping> 中<url-pattern>/*</url-pattern>
  中的/*改成*.action。如果在jsp页面上面用到了struts2的tag，那么就要增加一个<filter-       

mapping> *.jsp的url-pattern