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

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