JSPUEditor使用入门实验.doc

西华师范大学计算机学院JSP+UEditor使用入门实验介绍：UEditor是百度公司开发的一款在线文本编辑器；目前，在线富文本编辑器种类繁多，功能强大、广为人知的还是有FCKeditor。开发一个网站不可避免要使用到在线文本编辑器，作为一个普通程序员，总是被客户不断修改业务需求而困扰，项目进度一再被推迟；我们没有更多的时间来选择配置编辑器，毕竟这是一件费时的工作。UEditor本土大公司出品，适合国情使用简单，做中小项目也是不错的选择！（笔者刚入门，错漏之处难免，欢迎批评指正）软件平台：MyEclipse 2013、Struts2、umeditor1_2_2-utf8-jsp(UEditor mini版个人喜欢简洁，主要就是文字的排版、图片、超链接的插入功能)一、在JSP文件中创建一个编辑框1.创建一个WEB项目UEcase2. MyEclipse添加Struts2框架包，自动生成struts.xml、并自动修改web.xml配置项3.将umeditor1_2_2-utf8-jsp（更名为umeditor）解压，复制到WebRoot目录下，得到目录结构如下：4.修改index.jsp页面,创建一个文本编辑框base href=My JSP index.jsp starting page!- 类别： 标题： 这里我可以写一些输入提示/实例化编辑器var um = UM.getEditor(myEditor);5.部署项目并测试工具栏部署按钮启动项目部署到的相应服务器6.测试浏览器地址栏输入：http:/localhost:8080/UEcase/看到上面的效果，恭喜你！已经完成入门第一步！二、获取编辑框中请求数据数据1.修改UEditor配置文件umeditor.config.jsvar URL = window.UMEDITOR_HOME_URL |/UEcase/umeditor/把这个目录添加进去,使用绝对路径|2.编写Action类package action;import java.util.Map;import com.opensymphony.xwork2.ActionContext;import com.opensymphony.xwork2.ActionSupport;public class PublishAction extends ActionSupport private String category;private String title;private String content编辑框的name=”content”；参见index.jsp;public String getCategory() return category;public void setCategory(String category) this.category = category;public String getTitle() return title;public void setTitle(String title) this.title = title;public String getContent() return content;public void setContent(String content) this.content = content;Overridepublic String execute() System.out.println(category:+category);System.out.println(title+title);System.out.println(content+content);ActionContext cxt=ActionContext.getContext();Map request=(Map)cxt.get(request);request.put(category, category);request.put(title, title);request.put(content, content);return SUCCESS;3.修改struts.xml配置文件/show.jsp/index.jsp!- /editorUpdate.jsp - 4.重启服务器，测试输入数据、样式、链接等http:/localhost:8080/UEcase/测试结果（获取数据成功）:三、文本编辑框中插入图片，并获取数据显示1.导入包，commons-fileupload-1.2.2.jar与ueditor-mini.jar复制到WEB-INF/lib2.由于配置“/*”请求均交给Struts 2处理，将导致imageUp.jsp请求失效，这个JSP实现图片文件上传，需要修改核心控制器package filter;import java.io.IOException;import javax.servlet.FilterChain;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import javax.servlet.ServletResponse;import javax.servlet.http.HttpServletRequest;import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;public class MyStrutsFilter extends StrutsPrepareAndExecuteFilter public void doFilter(ServletRequest req, ServletResponse res,FilterChain chain) throws IOException, ServletException HttpServletRequest request = (HttpServletRequest) req; String url = request.getRequestURI(); if (/UEcase/umeditor/jsp/imageUp.jsp.equals(url)|/UEcase/umeditor/jsp/fileUp.jsp.equals(url) /System.out.println(使用自定义的过滤器); chain.doFilter(req, res); else /System.out.println(使用默认的过滤器); super.doFilter(req, res, chain)