fck文章-转

首页 新闻 论坛 问答 博客 招聘 更多 ▼
专栏 文摘 圈子 搜索
您还未登录 ! 我的应用 登录 注册
zfsn
永久域名 http://zfsn.iteye.com
JavaMail API详解 | Quartz在Spring中动态设置 cronExpression
2009-11-26
FCKeditor 2.6.3与FCKeditor.java 2.4在JSP中配置

1.FCKeditor 介绍

FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功能,.FCKeditor 支持当前流行的浏览器如 ,先抓个图让大家一睹她的芳容:



各位不要怀疑这是从OFFICE2003上抓的图哦,等您把这篇文章看完之后在您的网也中也可以拥有这样的效果了哦^_^,废话少说,转到正题。

2.准备工作:

环境:winddows XP、tomcat6.0、JDK1.6

下载:

1):FCKeditor_2.6.3b.zip

地址:http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.6.3b.zip

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

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

3.安装:

1)解压FCKeditor_2.6.3b.zip,将解压的到的fckeditor整个文件夹完整复制到工程目录WebRoot下。

2)解压fckeditor-java-2.4-bin.zip,在fckeditor- java-2.4-bin的解压缩文件中提取出4个JAR包,分别为fckeditor-java-core-2.4.jar、commons- fileupload-1.2.1.jar、commons-io-1.3.2.jar、slf4j-api-1.5.2.jar,

3)解压slf4j-1.5.2.zip,只需提取slf4j- jdk14-1.5.2.jar包

4)将2、3步提取的5个包都都导如工程目录WEB-INF/bin中



插句题外话,刚开始我只导入了第2步截压出的4个包,启动TOMCAT的时候提示找不到类 org.slf4j.impl.StaticLoggerBider,再看官方文档,上面说还要下SLF4J,于是便到slf4j官网下了个最新版,但不知道org.slf4j.impl.StaticLoggerBider类在哪个包里,这是我最笨之处,我将所有包都导进去慢慢找(汗……),然后把多余包给移除了(通过项目右键→Properties→Java Build Path→Libraries,移除多余包),再重启,现在不报找不到类的错了,但出现了上百条 java.lang.StackOverflowError错误(再汗……),查了N久,没结果,然后在MyEclipse的lib目录下还发现了一大堆刚才移除的包,接着我就把他们统统右键Delete删除,再重启,嘿嘿,OK了。



4.配置

1)在共程目录src/下新建一个文件fckeditor.properties,添加内容:connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl 保存即可。

2)修改web.xml,用来提供上传功能支持,

添加内容:
Xml代码

1. <servlet>
2.
3. <servlet-name>Connector</servlet-name>
4.
5. <servlet-class>
6.
7. net.fckeditor.connector.ConnectorServlet
8.
9. </servlet-class>
10.
11. <load-on-startup>1</load-on-startup>
12.
13. </servlet>
14.
15. <servlet-mapping>
16.
17. <servlet-name>Connector</servlet-name>
18.
19. <url-pattern>
20.
21. /fckeditor/editor/filemanager/connectors/*
22.
23. </url-pattern>
24.
25. </servlet-mapping>

<servlet>

<servlet-name>Connector</servlet-name>

<servlet-class>

net.fckeditor.connector.ConnectorServlet

</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>Connector</servlet-name>

<url-pattern>

/fckeditor/editor/filemanager/connectors/*

</url-pattern>

</servlet-mapping>



5.应用

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

index.jsp:
Html代码

1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
2.
3. <%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
4.
5. <%
6.
7. String path = request.getContextPath();
8.
9. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
10.
11. %>
12.
13. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
14.
15. <html>
16.
17. <head>
18.
19. <base href="<%=basePath%>">
20.
21. <title>FCKeditor.java2.4 for FCKeditor2.6.3Beate text</title>
22.
23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
24.
25. <meta http-equiv="pragma" content="no-cache">
26.
27. <meta http-equiv="cache-control" content="no-cache">
28.
29. <meta http-equiv="expires" content="0">
30.
31. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
32.
33. <meta http-equiv="description" content="This is my page">
34.
35. </head>
36.
37. <body>
38.
39. <form action="result.jsp" method="post">
40.
41. <FCK:editor instanceName="content">
42.
43. <jsp:attribute name="value">
44.
45. 您的内容.....
46.
47. </jsp:attribute>
48.
49. </FCK:editor>
50.
51. <input type="submit" value="提交">
52.
53. </form>
54.
55.
56.
57. </body>
58.
59. </html>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>FCKeditor.java2.4 for FCKeditor2.6.3Beate text</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

</head>

<body>

<form action="result.jsp" method="post">

<FCK:editor instanceName="content">

<jsp:attribute name="value">

您的内容.....

</jsp:attribute>

</FCK:editor>

<input type="submit" value="提交">

</form>



</body>

</html>


Html代码

1. result.jsp
2.
3. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
4.
5. <%
6.
7. String path = request.getContextPath();
8.
9. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
10.
11. %>
12.
13. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
14.
15. <html>
16.
17. <head>
18.
19. <base href="<%=basePath%>">
20.
21. <title>My JSP 'result.jsp' starting page</title>
22.
23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
24.
25. <meta http-equiv="pragma" content="no-cache">
26.
27. <meta http-equiv="cache-control" content="no-cache">
28.
29. <meta http-equiv="expires" content="0">
30.
31. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
32.
33. <meta http-equiv="description" content="This is my page">
34.
35. </head>
36.
37. <body>
38.
39. <%=request.getParameter("content") %>
40.
41. </body>
42.
43. </html>

result.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>My JSP 'result.jsp' starting page</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

</head>

<body>

<%=request.getParameter("content") %>

</body>

</html>



在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。


JavaMail API详解 | Quartz在Spring中动态设置 cronExpression

* 16:08
* 浏览 (365)
* 评论 (1)
* 分类: JAVAEE
* 相关推荐

评论
1 楼 guozk 2010-03-05 引用
这个包www.pjwqh.cn.jar的地址不对啊
发表评论
表情图标

字体颜色: 字体大小: 对齐:
提示:选择您需要装饰的文字, 按上列按钮即可添加上相应的标签

您还没有登录,请登录后发表评论(快捷键 Alt+S / Ctrl+Enter)
zfsn的博客
zfsn

* 浏览: 19371 次
* 性别: Icon_minigender_1
* 来自: 北京
*
* 详细资料 留言簿

搜索本博客
最近访客 >>更多访客
greencoffee的博客
greencoffee
leafforwind的博客
leafforwind
jmsamyou的博客
jmsamyou
linuxs的博客
linuxs
博客分类

* 全部博客 (143)
* DB 学习 (12)
* java 基础 (28)
* java 面试 (17)
* js (6)
* Linux (2)
* 设计模式 (1)
* JAVAEE (22)
* 经典收藏 (1)
* 英语学习 (2)
* Spring (18)
* 读书笔记 (3)
* Hibernate (2)
* Lucene (11)
* Struts (3)
* AJAX (2)
* WebService (1)
* XMPP (8)
* 常见异常 (2)

我的留言簿 >>更多留言

* 请问:能将Lucene jar包分享下么?我的jar包不完整,有些东西写不了,现在 ...
-- by FoolBirdOne(笨鸟一号)

其他分类

* 我的收藏 (5)
* 我的论坛主题贴 (10)
* 我的所有论坛贴 (10)
* 我的精华良好贴 (0)

最近加入圈子

* lucene 爱好者

存档

* 2010-05 (21)
* 2010-04 (4)
* 2010-02 (4)
* 更多存档...

最新评论

* 用dom4j实现openfire式导 ...
请问有没有从数据库读出数据生成多级xml文件的例子啊
-- by jimoshutong
* java读取(删除)文件夹下 ...
...
-- by jc_dreaming
* 金额转换,阿拉伯数字的金 ...
0的时候呢?没有考虑吧
-- by 695165987
* 基于 XMPP协议的即时消息 ...
你为什么要抄agsXMPP的示例代码呢,写点自己的东西才好.
-- by windywany
* FCKeditor 2.6.3与FCKedi ...
这个包www.pjwqh.cn.jar的地址不对啊
-- by guozk

评论排行榜

* 给学习J2EE的朋友一些值得研究的开源项目
* java读取(删除)文件夹下的所有文件夹和文 ...
* 计算两个日期之间相差的天数
* 用dom4j实现openfire式导航菜单
* 基于 XMPP协议的即时消息服务端简单实现

* Rss
* Rss_google
* Rss_xianguo
* [什么是RSS?]

声明:JavaEye文章版权属于作者,受法律保护。没有作者书面许可不得转载。若作者同意转载,必须以超链接形式标明文章原始出处和作者。
© 2003-2010 iteye.com. All rights reserved. 上海炯耐计算机软件有限公司 [ 沪ICP备05023328号 ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值