现在的位置: 首页 > 综合 > 正文

FCKeditor 使用笔记

2018年05月06日 ⁄ 综合 ⁄ 共 5339字 ⁄ 字号 评论关闭

 综合了网上的资料,自己赶快总结一下免得忘了,也备日后信手拈来。

2009-2-4 王建学

1.FCKeditor 介绍
FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功能,.FCKeditor 支持当前流行的浏览器

2.准备工作:

 环境:winddows XP、tomcat6.0、JDK1.6
下载:
1):FCKeditor_2.6.4.zip
地址:
http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.6.4.zip

2):fckeditor-java-2.4.1-bin.zip (JAVA支持包)地址http://nchc.dl.sourceforge.net/sourceforge/fckeditor/fckeditor-java-2.4.1-bin.zip

3)slf4j-1.5.6.zip 地址 :http://slf4j.org/dist/slf4j-1.5.6.zip

3.安装:

下面以jsp为例:

分别解压之后,我们可以得到一个fckeditor和fckeditor-java-2.4.1两个文件夹。fckeditor文件夹下是需要调用的页面和js文件等等,有各种版本,无所谓啦,我们之需要jsp就够了。将文件加全部复制到工程目录下等待调用即可。
注意:有点麻烦的是导包的问题。我们一共需要5个包:commons-fileupload-1.2.1.jar,commons-io-1.3.2.jar,fckeditor-java-core-2.4.1.jar,slf4j-api-1.5.6.jar,slf4j-simple-1.5.6.jar或slf4j-jdk14-1.5.6.jar。
上面前四个包都可以在fckeditor-java-2.4.1文件夹下面找到,但是第五个却要另外去找,这点我非常不理解,为什么不放在一起。
如果没有的话编译时就会出现如下错误信息:
严重: Servlet /fckeditorDemo threw load() exception
java.lang.NoClassDefFoundError: org/slf4j/impl/StaticLoggerBinder

 

当然版本或许不同,以上的版本是截止2009-02-4的最新版本。如果想要最新版本,可以在slf4j的官网http://www.slf4j.org/download.html)下到。但是要注意,截止到2009-2-4,slf4j官方最新版本是1.5.6,但是fckeditor提供的slf4j-api却是1.5.2版本,如果两个版本不一样的话,你将会在控制台看到如下的消息:

严重: Servlet /Java threw load() exception
java.lang.IllegalAccessError: tried to access field org.slf4j.impl.StaticLoggerBinder.SINGLETON from class

org.slf4j.LoggerFactory

 

所以千万要注意版本一致问题,上面已经用红色醒目标出了。如果你实在觉得下载很麻烦,那就到这里下载吧:

 这是我做了一个例子。 

4.配置

1)在共程目录src/下新建一个文件fckeditor.properties,添加内容:connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl 保存即可。
2)修改web.xml,用来提供上传功能支持,

添加内容:


5.应用

在工程目录WebRoot下新建index.jsp,result.jsp两个文件,
index.jsp:

 

result.jsp

在IE地址中输入:http://localhost:8080/FCKtest    OK,成功了!

6.不足之处

世界上没有绝对完美的女子(不知道你是否发现了完美的女孩,错了不要打我),FCK也一样。
1) 在文本框中输入中文提交后得到的中文乱码。
解决办法:
Result.JSP中来转码:
new String(request.getParameter(“content”).getByte(iso-8859-1),”UTF-8”)
试验下,嘿嘿,”汉化”成功!
2) 上传中文名图片后保存的中文图片名乱码
解决办法:下载
www.pjwqh.cn.jar包,替换以前下载的fckeditor-java-core-2.4.jar包,
  OK,上传中文图片名显示正常了,
3) 点击浏览服务器后,选择刚上传的中文图片,图片在预览窗口中不能显示
解决办法:
修改TOMCAT安装目录config下的server.xml文件,在<Connector/>标签内加上  URIEncoding="UTF-8"。
OK,中文图片正常显示。
4) 关与FLASH的上传
A.上传中文文件名FLASH时,有时候弹出没有权限,或者是文件类型错误,有时候上传正常。
B.上传英文或者数字名FLASH时,窗口一直处与等待状态,过一会儿关闭窗口,再通过浏览服务器按钮可以看到FLASH已经成功上传。
C.有时候如过上传成功了,预览窗口也不能播放。
D.有时候无论使用什么语言的文件名都可以上传成功。
但只要你是使用的英文或则数字文件名,就能100%上传。
所以关于这个问题估计还是编码引起的。
5)。FCKeditor2.6.2上传文件功能与Struts 2 不兼容的问题。
解决办法:
让Struts2仅处理*.action的请求。修改配置文件web.xml:
将Struts2处理所有web请求的过滤器配置
<filter-mapping>
              <filter-name>struts2</filter-name>
              <url-pattern>/*</url-pattern>
       </filter-mapping>
改为:仅处理.action或.jsp请求
<filter-mapping>
              <filter-name>struts2</filter-name>
              <url-pattern>*.action</url-pattern>
       </filter-mapping>
       <filter-mapping>
              <filter-name>struts2</filter-name>
              <url-pattern>*.jsp</url-pattern>
       </filter-mapping>
备注:以上配置文件的更改会造成Struts2 标签在页面中不显示
       应该在web.xml文件中加入以下配置:
<filter-mapping>
              <filter-name>struts2</filter-name>
              <url-pattern>/struts/*</url-pattern>
       </filter-mapping>

附:FCKeditor的编码是个老大难,想真正让他很好的处理中文是件非常不容易的事情,例如上面费了好大劲将中文名图片的上传和浏览功能修改好之后,FLASH又出问题。这些都是编码惹的祸。
这里附上另外一种解决办法,可以屏蔽掉上面不足之处的1、2、3、4部的操作,下载
FCKeditor2.4ByTxdnet.Cn.jar这个包,用来替换上面的
www.pjwqh.cn.jar包,剩下的工作就是等着你测试了,这个方法方便、简单、有校,他解决中文乱码的原理是将上传的文件无论是中文文件名或者英文文件名改用系统当前时间来替换,既改成了数字,这样就永远不存在乱码和图片无法显示的问题了。(本方法又Happy漫步者提供)

7.总结:

FCKeditor2.6.3 Beta在2.6.2基础上有了很大改进,FCKeidtor 2.6.3Beta在配置上进行了大量简化,让使用者更易轻松上手,但FCKeditor的编码是个老大难问题,特别在文件上传功能上表现的尤为突出,希望FCK官方在以后的版本中能够修正这个BUG。

 

 

抱歉!评论已关闭.