




已阅读5页,还剩4页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
西华师范大学计算机学院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)
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025湖州新伦供电服务有限公司招聘45人考前自测高频考点模拟试题及答案详解1套
- 城市更新改造项目施工组织与进度管理方案
- 建筑施工后期管理方案
- 2025贵州黔晨综合发展有限公司招聘15人考前自测高频考点模拟试题有答案详解
- 半导体产研基地项目建筑工程方案
- 四级模拟测试题试卷及答案
- 钢结构材料选型与采购管理方案
- 2025年药学业务考试试题及答案
- 安防监控考试试题及答案
- 科二模拟考试题库及答案
- 人工智能技术及应用习题答案题库
- 坚持人民至上 工会研讨发言
- 杭州师范大学2013年841无机化学考研真题
- 美学原理全套教学课件
- 期末复习(课件)新思维英语四年级上册
- 子宫脱垂试题及答案
- 中国政治思想史复习资料
- 高中音乐鉴赏 第一单元 学会聆听 第一节《音乐要素及音乐语言》
- 20以内加减法口算题3500道直接打印
- 走好群众路线-做好群众工作(黄相怀)课件
- 北斗卫星导航系统(全套课件208P)
评论
0/150
提交评论