加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

在JSP环境中配置采fckeditor是sourceforge.net上面的一个开源项目,主要是实现在线网页编辑器的功能,可以让web程序拥有如ms word这样强大的编辑功能。官方网站为http:/

发布时间:2023-05-12 13:59:43 所属栏目:教程 来源:
导读:fckeditor是sourceforge.net上面的一个开源项目,主要是实现在线网页编辑器的功能,可以让web程序拥有如ms word这样强大的编辑功能。官方网站为http://www.fckeditor.net ,在服务器端支持asp.net、asp、clodfusion、
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目录下的例子。
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!