文档章节

SSH项目ueditor插件jsp版本

张舒歌
 张舒歌
发布于 2016/03/09 16:36
字数 928
阅读 51
收藏 0
我所使用的是ueditor_1_2_6_0_jsp版本。这个版本之前一直存在一个bug,据官方说已经解决但实际上还是存在的,就是图片上传的时候判断图片格式的正则表达式少了一个\符号,我在这个附件里已经修改了。如果有感兴趣的朋友可以去百度下这个bug。我的项目是SSH项目,这里再用上传功能的时候存在这一个strut2拦截request的问题,需要配置下。

第一步:把整个文件解压放到项目的WebContent下。

第二步:把commons-fileupload-1.2.2.jar和ueditor.jar放到项目的lib下面。

第三步:页面加载引入JS文件和样式。我这里用的是div展现的根据不同的提交方式可以选择不同的标签这个可以看下官网的API。

<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/UEditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/UEditor/ueditor.config.js"></script>
<link href="${pageContext.request.contextPath}/UEditor/themes/default/css/ueditor.css" rel="stylesheet" type="text/css"/>
<div id="newscontent" style="width: 850px;"></div>
<script type="text/javascript">
var editor = new UE.ui.Editor();
editor.render('newscontent');
</script>

以上功能完成后ueditor编辑器显示应该没有问题了。

这里提一下关于网上很多人说ueditor.config.js下的URL路径初试值的问题,默认的初始值是自动获取项目的相对路径,根据情况我们可以自己写成绝对路径。我在这里发现了一个有意思的地方就是如果我们没有改变之前所提到的那个这则BUG的话,火狐和IE对这个路径的要求是不一样的。IE想正常展示必须要把htt://localhost:8080/mypro这个项目路径写全火狐是不需要的。改掉这个bug后直接写var URL = window.UEDITOR_HOME_URL || "/mypro/UEditor/";就可以里。

展示没问题了,下面说下上传配置。strut封装了request这个问题的确存在,为了项目中的jsp过滤器我们自己重新个过滤器。

第四步:把upload.java类放到src下,这步需要自己建个包。这是我创建的包,UeditorFile是我自己重写的拦截器(我是在网上粘贴的)

第五步:修改imageUp.jsp和ueditor.config.js中的有关上传文件的配置路径这个在网上很多这里就不在粘贴代码了.(我上传的附件里都是改好的)

第六步:就是创建拦截器,配置web.xml了这个在附近里都有。

package com.usr.ueditor;
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;
/**
*
* TODO 过滤掉ueditor的jsp页面  方便上传
* @author :张驰
* @email  :zc_ciyuan@163.com
*/
public class UeditorFile extends StrutsPrepareAndExecuteFilter implements org.apache.struts2.StrutsStatics, javax.servlet.Filter{
@Override
public void doFilter(ServletRequest req, ServletResponse res,
FilterChain chain) throws IOException, ServletException {
// TODO Auto-generated method stub
HttpServletRequest request = (HttpServletRequest)req;
//不过滤的url
String url = request.getRequestURI();
System.out.println(url);
if(url.endsWith("fileUp.jsp") ||
url.endsWith("getContent.jsp") ||
url.endsWith("getMovie.jsp") ||
url.endsWith("getRemoteImage.jsp") ||
url.endsWith("imageManager.jsp") ||
url.endsWith("imageUp.jsp") ||
url.endsWith("scrawlUp.jsp")
){
try {
chain.doFilter(req, res);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (ServletException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}else{
try {
super.doFilter(req, res, chain);//采用默认父类的拦截器,即struts2
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (ServletException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<session-config>
<session-timeout>10</session-timeout>
</session-config>
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath*:applicationContext*.xml</param-value>
</context-param>
<filter>
<filter-name>encoding</filter-name>
<filter-class>com.framework.filter.EncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
</filter>
<filter>
<filter-name>struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>
<filter-class>com.usr.ueditor.UeditorFile</filter-class>
</filter>
<filter-mapping>
<filter-name>encoding</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>*.jsp</url-pattern>
<url-pattern>*.action</url-pattern>
</filter-mapping>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<listener>
<listener-class>com.framework.tools.listener.SysContextListener</listener-class>
</listener>
<listener>
<listener-class>com.usr.basic.MySessionListener</listener-class>
</listener>
<welcome-file-list>
<welcome-file>/tologin.jsp</welcome-file>
</welcome-file-list>
</web-app>

都弄好后图片上传就没问题了。

本文出自 “小浩” 博客,请务必保留此出处http://zhangchi.blog.51cto.com/5214280/1224453

© 著作权归作者所有

张舒歌
粉丝 1
博文 108
码字总数 69886
作品 0
海淀
高级程序员
私信 提问
ueditor 插件 部署到服务器 上传图片出错。。。

ueditor 的插件在我本地可以上传图片成功,但是部署到was服务器之后,就报下面的错误: 请问是因为什么原因报 编译错误啊?我引入的java文件路径是没有问题。 ----------------------------...

吾心归航
2013/06/05
7.4K
12
UEditor (JSP 1.4.3版本) 集成到ssh框架中

一:集成简单步骤 1,下载UEditor文件 下载地址 2,添加jar包 打开下载的文件,结构如下所示,将jsp-lib下面的jar包添加到项目的web-inf 下的lib文件夹中 3,导入源文件 在webContent路径下面...

glen_xu
2015/07/09
193
0
jboot集成undertow不能解析jsp

项目框架用的是jboot,项目中用到ueditor,但是发现ueditor中的controller.jsp不解析,造成ueditor中图片无法上传。公司之前的项目一直在用ueditor,但是框架是用的jfinal,容器用的jetty/t...

坐拥花丛
2018/08/16
761
3
UEditor 1.36 版本 jsp版上传图片自定义路劲配置

由于项目需要,最近使用了ueditor,并实现了图片以及文件的上传功能。走了不少弯路,花了点时间总结总结,记录一下以防忘记! 1.去官网http://ueditor.baidu.com/website/download.html下载u...

jxlgzwh
2014/01/04
5.8K
2
懒人部署插件实现智能、可视化更新程序,让用户不用一个文件一个文件的拷贝,有效防止少、漏更新,同时实现自动备份覆盖的文件,便于随时还原

懒人部署插件实现智能、可视化更新程序,让用户不用一个文件一个文件的拷贝,有效防止少、漏更新,同时实现自动备份覆盖的文件,便于随时还原。 支持cvs、svn源码版本管理服务器 部署很简单:...

yuguang2013
2014/10/25
213
0

没有更多内容

加载失败,请刷新页面

加载更多

作为一个(IT)程序员!聊天没有话题?试试这十二种技巧

首先呢?我是一名程序员,经常性和同事没话题。 因为每天都会有自己的任务要做,程序员对于其他行业来说;是相对来说比较忙的。你会经常看到程序员在发呆、调试密密麻麻代码、红色报错发呆;...

小英子wep
今天
17
0
【SpringBoot】产生背景及简介

一、SpringBoot介绍 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程,该框架使用了特定的方式来进行配置,从而使开发人员不再需要...

zw965
今天
5
0
简述并发编程分为三个核心问题:分工、同步、互斥。

总的来说,并发编程可以总结为三个核心问题:分工、同步、互斥。 所谓分工指的是如何高效地拆解任务并分配给线程,而同步指的是线程之间如何协作,互斥则是保证同一时刻只允许一个线程访问共...

dust8080
今天
6
0
OSChina 周四乱弹 —— 当你简历注水但还是找到了工作

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @花间小酌 :#今日歌曲推荐# 分享成龙的单曲《男儿当自强》。 《男儿当自强》- 成龙 手机党少年们想听歌,请使劲儿戳(这里) @hxg2016 :刚在...

小小编辑
今天
3.5K
22
靠写代码赚钱的一些门路

作者 @mezod 译者 @josephchang10 如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。 今天给大家分享一个精彩的 GitHub 库,这个库整理...

高级农民工
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部