fck2.6.4.1使用

来源：互联网发布：中国网络通俗歌手大赛编辑：程序博客网时间：2024/06/04 18:12

http://www.fckeditor.net/
1:两种调用方式
   js调用如test1.html,test2.html.注意BasePath 属性"/aa/fckeditor/"以及引入js文件
   自定义JSP标签调用(editor.jsp),需要引入6个jar包slf4j-simple-1.5.8.jar,imageinfo-1.9.jar,slf4j-api-1.5.8.jar,commons-fileupload-1.2.1.jar,java-core-2.5.jar,commons-io-1.3.2.jar
   ，见fckeditor-java-demo-2.5.war在tomcat运行时自动解压后的文件。
2：修改配置【见官方文档】
    直接修改fckconfig.js不推荐
    一般自己建个配置文件myfckconfig.js,在fckconfig.js第一行指定路径 FCKConfig.CustomConfigurationsPath = '/aa/myconfig.js' ;
    或者在页面的调用代码中指定 oFCKeditor.Config["CustomConfigurationsPath"] = "/aa/myconfig.js" ;
    如果修改了fckconfig.js又在页面的调用代码中改了，最后结果为页面中的。
3：常见修改
    自定义ToolbarSet,去掉一些不需要的功能
       a:在自定义的myfckconfig.js中增加FCKConfig.ToolbarSets["sutk"] = 。。。对照功能不要的一个个去掉就行了 b:在调用的页面中oFCKeditor.ToolbarSet="sutk";
    加一些常用的字体
       FCKConfig.FontNames = '宋体;楷体_GB2312;黑体;隶书;Times New Roman;Arial';
    修改回车和shift+回车的换行行为,下面为已经改好的，原来是刚好相反的
     FCKConfig.EnterMode = 'br' ;
     FCKConfig.ShiftEnterMode = 'p' ;
    修改编辑区域的样式文件
        FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;//原配置文件中FCKConfig.BasePath跟页面中设置的非同一个，在fckconfig.js调用alert方法测试即可
        对应在/fckeditor/editor
    更换表情图片
      把fckconfig.js中FCKConfig.SmileyPath开始5行复制到myconfig.js中进行修改
      a;把需要显示的图片复制到第一行指定的文件夹下 b:在第二行输入文件名
      c:当图片太多一屏显示不完时，需要设置高度和宽度
         右击表情图片的窗口的属性找到文件/fckeditor/editor/dialog/fck_smiley.html
         在onload方法中修改dialog.SetAutoSize( true ) 为dialog.SetAutoSize( false) ;
         出现不了滚动条修改<body style="overflow: hidden">为<body style="overflow: auto">查css样式

由于应用程序的路径不确定，把myconfig.js移到跟原来的配置文件到同一文件夹下，修改fckconfig.js第一行为FCKConfig.CustomConfigurationsPath = FCKConfig.EditorPath+'myconfig.js' ;

4：图片上传
1：进入到fckeditor-java-2.5-bin/fckeditor-java-2.5/site中的index.html中点击左侧的Connector Servlet又说明文档
     a:复制<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>
    到web.xml中
       b:Create a fckeditor.properties file in your classpath and add:
         connector.userActionImpl=net.fckeditor.requestcycle.impl.EnabledUserAction
    中文问题：
    1：上传中文名称图片

     最新版本支持中文的，以前不支持，需要修改方法如下
      找到上面配置的servlet，然后关联源码，将源码复制后自己写一个servlet,然后在doPost中加上设置编码(UTF-8)的方法，最后将web.xml中的配置改成刚添加的servlet
    2：创建中文文件名称乱码问题【2.4修改如下】
      首先提交内容是否正确编码，然后看服务器端是否正确解码
      在Create New folder处右击找到/fckeditor/editor/filemanager/browser/default/frmcreatefolder.html文件找到oConnector.SendCommand
      然后在父窗口browser.html中101弹出sUrl找到对应的servlet，在doGet方法中采用new String("iso-8859-1","utf-8")
      2.6版本直接修改tomcat中server.xml在
      <Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443"
      URIEncoding="UTF-8"
      />
   此修改后，第三也不会出现乱码
     3：引用中文名的图片不能正常显示
       在ConnectorServlet中26行采用UUID编码
       filename=UUID.randomUUID().toString+"."+extension;【推荐使用该方法】
5：控制上传文件的类型（见图fck）
   修改服务端(fckeditor.properties)[在java-core-2.5.jar的net.fckeditor.handlers.default.properties中]和客户端(自己写的myconfig.js),media无需修改服务端
    connector.resourceType.image.extensions.allowed = bmp|gif|jpeg|jpg|png|abc（加上一个abc）,FCKConfig.ImageUploadAllowedExtensions = ".(jpg|gif|jpeg|png|bmp|abc)$" ;

6:控制上传文件的大小
    右击属性找到页面/fckeditor/editor/dialog/fck_image.html，找到fck_image/fck_image.js，查看弹出提示，设置一个没有用到的错误码
    修改servlet，270行的样子，在不允许上传文件类型后
    else if(uplFile.getSize>10*1024)    {
     ur=new UploadResponse(1111);
    }
    在修改fck_image.js加上对错误码的判断即可。

7：去掉浏览服务器按钮
   找到文件的路径注释掉就行了。【在文件中显示的是英文，在一个js文件中对应了zh_cn.js】