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

大神很萌

大神很萌

2016-02-19 20:15

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享在JSP环境中如何配置和使用fckeditor教程,希望对大家能有一点小小的帮助。

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-nameConnector/servlet-name url-pattern/editor/filemanager/browser/default/connectors/jsp/connector/url-pattern /servlet-mapping servlet-mapping servlet-nameSimpleUploader/servlet-name url-pattern/editor/filemanager/upload/simpleuploader/url-pattern /servlet-mapping

修改结果:

servlet-mapping servlet-nameConnector/servlet-name url-pattern/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector/url-pattern /servlet-mapping servlet-mapping servlet-nameSimpleUploader/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目录下的例子。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

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

在jsp环境中配置使用fckeditor

Web开发
在jsp环境中配置使用fckeditor

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

Web开发
在JSP环境中如何来配置和使用fckeditor

教你在JSP环境中配置和使用fckeditor

Web开发
教你在JSP环境中配置和使用fckeditor

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Java环境 使用Resin在NT环境下配置JSP环境

编程语言 网络编程
Java环境 使用Resin在NT环境下配置JSP环境

FCKeditor编辑器在JAVA中的使用与配置

编程语言 网络编程
FCKeditor编辑器在JAVA中的使用与配置

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

动态改变屏幕设置

动态改变屏幕设置

系统教程之让WINDOWS XP再安全一些

系统教程之让WINDOWS XP再安全一些
下拉加载更多内容 ↓