JSPUEditor使用入门实验.docVIP

JSP+UEditor使用入门实验 介绍：UEditor是百度公司开发的一款在线文本编辑器；目前，在线富文本编辑器种类繁多，功能强大、广为人知的还是有FCKeditor。开发一个网站不可避免要使用到在线文本编辑器，作为一个普通程序员总是被客户不断修改业务需求而困扰umeditor1_2_2-utf8-jsp(UEditor mini版) 一、在JSP文件中创建一个编辑框 1.创建一个WEB项目UEcase 2. MyEclipse添加Struts2框架包，自动生成struts.xml、并自动修改web.xml配置项 3.将umeditor1_2_2-utf8-jsp（更名为umeditor）解压，复制到WebRoot目录下得到目录结构如下%@ page language=java import=java.util.* pageEncoding=utf-8% % String path = request.getContextPath(); String basePath = request.getScheme() + :// + request.getServerName() + : + request.getServerPort() + path + /; % !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head base href=%=basePath% titleMy JSP index.jsp starting page/title meta http-equiv=pragma content=no-cache meta http-equiv=cache-control content=no-cache meta http-equiv=expires content=0 meta http-equiv=keywords content=keyword1,keyword2,keyword3 meta http-equiv=description content=This is my page !-- link rel=stylesheet type=text/css href=styles.css -- link href=umeditor/themes/default/css/umeditor.css type=text/css rel=stylesheet script type=text/javascript src=umeditor/third-party/jquery.min.js/script script type=text/javascript charset=gbk src=umeditor/umeditor.config.js/script script type=text/javascript charset=gbk src=umeditor/umeditor.min.js/script script type=text/javascript src=umeditor/lang/zh-cn/zh-cn.js/script /head body form action=pub method=post br 类别： input type=text name=category /br / 标题：input type=text name=title /br / script type=text/plain id=myEditor name=content style=width:1000px;height:240px; p这里我可以写一些输入提示/p /script br script type=text/javascript //实例化编辑器 var um = UM.getEditor(myEditor); /script input type=submit value=提交 / /form /body /html 浏览器地址栏输入http://localhost:8080/UEcase/ 看到上面的效果，恭喜你！已经完成入门第一步！ 二、获取编辑框中请求数据数据 1.修改UEditor配置文件umeditor.config.js var URL = window.UMEDITOR_HOME_URL ||/UEcase/umeditor/||…… 2.编写Action类 package action; import java.util.Map; import com.opensymphony.xwork2.Action