· [Java论坛][安全论坛][数据库论坛][操作系统论坛]
· [访谈] 网银安全系列访谈之:惊心动魄网银故事
· [热点专题] 网银安全系列 3G上网卡巡礼
· [订阅IT技术周刊][IT资源下载专区][病毒求助专区]
· [热点] 跨站脚本十二问 四步防范Conficker
· [热点] Windows 7 RC版公开下载 憾缺中文版

在JSP环境中配置使用fckeditor详细讲解

发布时间:2007.08.16 06:01     来源:赛迪网    作者:dxaw

FCKeditor是sourceforge.net上面的一个开源项目,主要是实现在线网页编辑器的功能,可以让web程序拥有如MS Word这样强大的编辑功能。官方网站为http://www.fckeditor.net ,在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言,并且支持IE 5+、Mozilla 、Netscape等主流浏览器。

首先在官方网站下载fckeditor,注意有两个包,一个是主文件,一个是jsp整合包的。

1、解压FCKeditor_2.2.zip,(FCKeditor主文件),将FCKeditor目录复制到网站根目录下,

2、解压FCKeditor-2.3.zip,(jsp,FCKeditor整合包),作用:This is the JSP Integration Pack for using FCKeditor inside a java server page without the complexity of using a Java scriptlets or the javascript api.

3、将FCKeditor-2.3/web/WEB-INF/web.xml中的两个servlet,servlet-mapping定义复制到自已项目的web.xml文件中

修改:

<servlet-mapping> 
<servlet-name>Connector</servlet-name> 
<url-pattern>
/editor/filemanager/browser/default/connectors/jsp/connector
</url-pattern> 
</servlet-mapping> 

<servlet-mapping> 
<servlet-name>SimpleUploader</servlet-name> 
<url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern> 
</servlet-mapping>

为:

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

4、将FCKeditor-2.3/web/WEB-INF/lib目录下文件复制到自已项目的lib文件夹中

5、在需使用FCKeditor的jsp界面中加入:

// 文件开头处加入 
<%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %> 
//要使用的地方加入 
<FCK:editor id="content" basePath="/FCKeditor/" 
imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Image&Connector=connectors/jsp/connector" 
linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?
Connector=connectors/jsp/connector" 
flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Flash&Connector=connectors/jsp/connector" 
imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image" 
linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File" 
flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> 
this is default content :) 
</FCK:editor>

启动服务器测试。。。。成功后,来给FCKeditor瘦瘦身.

1、将FCKeditor目录下及子目录下所有以”_”下划线开头的文件夹删除

2.FCKeditor根目录下只保留fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml其余全部删除

3.将editor/filemanager/upload目录下文件及文件夹清空.

4.还可以将editor/skins目录下的皮肤文件删除,只留下default一套皮肤(如果你不需要换皮肤的话)

5.还可以将editor/lang目录下文件删除,只保留en.js, fcklanguagemanager.js, zh-cn.js, zh.js文件(英文,简体中文,繁体中文一般应该够用了:) )

完成,现在看是不是清爽了很多?

其它问题:

在struts+spring+hibernate中使用,上传图像功能中可能会出现报:

The output format must have a ‘{http://xml.apache.org/xalan}content-handler’ property!

错的情况,将WEB-INF/lib目录下xalan*.jar删除试试

安全问题:

假如在前台让普通用户也能使用FCKEditor,要注意相关安全问题,在前台使用时,不要使用默认的ToolBar,要将添加图像,flash,图像域按钮去掉,在fckconfig.js中大约78行配置 那些数组中的值就像当于界面上的一个功能,你可以强行把每组值试出来代表什么。

到此安装FCKeditor就完成了,相关详细配置你可以看FCKeditor-2.3.zip,(jsp,FCKeditor整合包)文件夹中web/_samples目录下的例子。

(责任编辑:龚勋)


[ 发表评论 ] 字体[  ] [ 打印 ] [ 进入博客 ] [ 进入论坛 ]  [ 推荐给朋友 ]
  相关文章
· JSP中include指令和include行为的区别 (08-08) · JSP获取客户端的浏览器和操作系统信息 (08-03)
· 在JSP中使用xmlhttp进行数据交互 (08-01) · 使用技巧:JSP中如何发送一个动态图像 (07-30)
· 新手入门:JSP初学者必须掌握的语法点 (07-26) · 构造JSP/Javabean开发和发布环境的方法 (07-26)
· 对JSP页面传值中文乱码的简单解决方法 (07-26) · Java程序员要掌握的十个JSP中的标签库 (07-25)
· 新手入门:介绍JSP中request属性的用法 (07-25) · 使用技巧:通过JSP预编译消除性能瓶颈 (07-20)
  客户需求反馈表
* 姓  名:
更多资料  了解方案  认识厂商
* 单位名称:
* 联系电话:
* 电子邮件:
资讯 通信 IT产品 IT技术 信息化
2009第七届中国电脑商年会直播
·创业投资系列访谈:产业..
·特别策划:视频网站系列..
·专题:网游虚拟货币新规..
专题:6月上市手机新品回顾及7月新机展望
·2009年中国电信业信息化..
·专题:把iPhone 3GS“解..
·WAPI重启国际标准进程 ..
专题:09年中盘点-联想春季打印机新品回顾
·InfoComm 2009 视听与集..
·网游背后的故事 网游服..
·[专题]联想ThinkPad T40..
BizSpark:微软为技术创业企业点燃火花
·社区活动:我的IT求知生..
·访谈:内网安全2009系列..
·安全访谈:网银安全之Sa..