java html文本编辑器,基于Java WebHTML在线文本编辑器解决方案.doc

基于Java WebHTML在线文本编辑器解决方案

基于Java WebHTML在线文本编辑器解决方案

摘要：FckEditor作为众多优秀HTML在线文本编辑器之一，以其支持多语言的优势而受到众多国内外开发者的亲睐。在Java Web开发中使用FCKeditor可以实现类似微软Word桌面文本编辑器的许多强大功能，因此掌握FckEditor在Java Web开发环境下的配置过程也是开发者必备的技能之一。

关键词：Jsp；FckEditor；HTML；在线文本编辑器

中图分类号：TP312文献标识码：A文章编号：1672??7800(2011)02??0036??02

作者简介：于海英(1980-)，女，甘肃嘉峪关人，硕士，兰州大学网络教育学院技术支撑中心主任、工程师，研究方向为软件工程；姜波(1985-)，女，山东龙口人，兰州大学网络教育学院职员，研究方向为软件工程；张珂(1984-)，女，甘肃兰州人，兰州大学网络教育学院助理工程师，研究方向为软件工程。1基于Java Web的HTML在线编辑器存在的问题目前国内外HTML在线编辑器的版本有很多种，开源的HTML在线编辑器也是千差万别，其中大多数都支持常用的Web开发语言，如ASP、PHP、.NET等语言。然而，随着Jsp技术的成熟和发展，一部分不支持Jsp编辑器已不能满足开发者需求，只有少数的开源在线编辑器支持Jsp技术，但多数框架配置过程复杂、文件上传下载的效率低下。

2基于Java Web 的HTML在线编辑器解决方案

著名的开源网页编辑软件FCKEditor在09年发布至现在已经更新到3.0版本，FckEditor由于其资源轻量化、配置简单、免费开源、文本编辑功能齐全、支持多浏览器、支持PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言的强大优势，受到众多开发者亲睐。目前，众多的Java Web项目中FckEditor成为开发者对在线编辑器的首选，为网络文本交互提供文本样式编辑、图片上传下载和附件上传下载的功能。

3FckEditor编辑器在Java Web开发中的配置

3.1开发环境和FckEditor配置文件

(1)开发环境：MyEclipse7.5 ，JDK1.6 ，tomcat6.0；

(2)FckEditor配置文件：FckEditor2.6.6，FckEditor??java??demo??2.6；

3.2FckEditor在Java Web中的基本配置

(1)在MyExclipse文件下建设Java Web项目FckEditor。

(2)解压FckEditor_2.6.6.zip文件，将解压后的根目录下的FckEditor文件夹拷贝到SSH框架项目下的WebRoot目录里;

(3)将下载FckEditor??java??demo??2.6文件解压后，把根目录下Web??INF中的lib里5个.jar文件：commons??fileupload??1.2.1.jar、commons??io??1.3.2.jar、FckEditor??java??core??2.4.jar、slf4j??api??1.5.2.jar及slf4j??simple??1.5.2.jar拷贝到SSH框架项目下的Web??INF目录中的lib目录里。

(4)将FckEditor??java??demo??2.6文件下的WebRoot目录下的index.jsp 文件和showdata.jsp拷贝到SSH框架项目下的WebRoot目录下。以上4步完成后的SSH框架项目如图1所示。

上传文件或附件的路径及存放文件的文件夹名，可根据项目需要自行设定

3.3实现文本样式编辑、图片上传和附件上传下载

(1)在SSH框架项目的src目录下新建文件FckEperties,并添加如下内容：

//FckEditor的基本设置

connector.userFilesPath=/UpFiles

connector.userActionImpl=net.FckEditor.requestcycle.impl.UserActionImpl

//上传下载文件的业务处理类，一般无需修改，按默认方式处理

connector.resourceType.file.extensions.allowed=|jpg|gif|png|rar|zip|txt|doc|wma|wmv|mp3|flv|swf|xls|

//上传附件文件的类型限制，可根据项目需要自行删增

connector.resourceType.media.extensions.al