jsp

位置:IT落伍者 >> jsp >> 浏览文章

在JSP环境中如何配置和使用fckeditor


发布日期:2019年11月03日
 
在JSP环境中如何配置和使用fckeditor

FCKeditor是sourceforgenet上面的一个开源项目主要是实现在线网页编辑器的功能可以让web程序拥有如MS Word这样强大的编辑功能官方网站为在服务器端支持ASPNetASPClodFusionPHPJava等语言并且支持IE +Mozilla Netscape等主流浏览器

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

解压FCKeditor_zip(FCKeditor主文件)将FCKeditor目录复制到网站根目录下

解压FCKeditorzip(jspFCKeditor整合包)作用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

将FCKeditor/web/WEBINF/webxml中的两个servletservletmapping定义复制到自已项目的webxml文件中

修改如下内容:

<servletmapping> <servletname>Connector</servletname> <urlpattern>/editor/filemanager/browser/default/connectors/jsp/connector</urlpattern> </servletmapping> <servletmapping> <servletname>SimpleUploader</servletname> <urlpattern>/editor/filemanager/upload/simpleuploader</urlpattern> </servletmapping>

修改结果:

<servletmapping> <servletname>Connector</servletname> <urlpattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</urlpattern> </servletmapping> <servletmapping> <servletname>SimpleUploader</servletname> <urlpattern>/FCKeditor/editor/filemanager/upload/simpleuploader</urlpattern> </servletmapping>

将FCKeditor/web/WEBINF/lib目录下文件复制到自已项目的lib文件夹中

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

// 文件开头处加入

<%@ taglib uri="%>

//要使用的地方加入

<FCK:editor id="content" basePath="/FCKeditor/" imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browserhtml?Type=Image&Connector=connectors/jsp/connector" linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browserhtml? Connector=connectors/jsp/connector" flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browserhtml? 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瘦瘦身

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

FCKeditor根目录下只保留fckconfigjs fckeditorjs fckstylesxml fcktemplatesxml其余全部删除

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

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

还可以将editor/lang目录下文件删除只保留enjs fcklanguagemanagerjs zhcnjs zhjs文件(英文简体中文繁体中文一般应该够用了:) )

完成

其它问题

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

The output format must have a ‘{}contenthandler’ property!

错的情况将WEBINF/lib目录下xalan*jar删除试试

安全问题

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

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

上一篇:如何解决JSP参数传递乱码

下一篇:jsp中如何调用dwr