文档章节

ueditor1.4.3 jsp版在ssh下的配置

有力量的神经病
 有力量的神经病
发布于 2015/10/04 01:05
字数 690
阅读 1086
收藏 9

对于ueditor就不介绍了,网上一大把,直接言归正传,其主要问题是图片等的上传。

  1. 开发环境:

    myeclipse2014+tomcat7+spring3.1.1+hibernate4.1.4+struts2.1+ueditor1.4.3 jsp版

    备注:上述ssh环境其实就是MyEclipse2014自带的。

  2. 新建web project,命名为:news;搭建好ssh环境,从ueditor官网下载最新版:1.4.3 jsp版。

  3. 在WebRoot下新建文件夹:ueditor,将下载解压后的ueditor所有文件复制到此文件夹下,目录结构如图:

  4. 修改ueditor/jsp/config.json,如图(请忽略乱码注释):

  5. 修改ueditor/ueditor.config.js,如果((请忽略乱码注释):

  6. 将ueditor/jsp/lib下的所有Jar文件复制到news项目的WebRoot/WEB-INF/lib中;

  7. 在index.jsp中加载ueditor:

  8. <script type="text/javascript" charset="utf-8"
        src="ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8"
        src="ueditor/ueditor.all.min.js">
        
    </script>
    <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
    <script type="text/javascript" charset="utf-8"
        src="ueditor/lang/zh-cn/zh-cn.js"></script>
    
    <style type="text/css">
    div {
        width: 100%;
    }
    </style>
    </head>
    
    <body>
        <script id="editor" type="text/plain"
            style="width:1024px;height:500px;"></script>
        <script type="text/javascript">
            //实例化编辑器
            //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该
            编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
            var ue = UE.getEditor('editor');
        </script>
    </body>
  9. 重写struts2的拦截器,若不重写,将会出现无法上传图片的情况,重写filter:UeditorFilter,代码如下:

package news.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 UeditorFilter extends StrutsPrepareAndExecuteFilter {

    public void doFilter(ServletRequest req, ServletResponse res,
            FilterChain chain) throws IOException, ServletException {

        HttpServletRequest request = (HttpServletRequest) req;

        String url = request.getRequestURI();

        if (url.endsWith("controller.jsp")) {

            chain.doFilter(req, res);

        }

        // 拦截使用默认的拦截

        else {

            super.doFilter(req, res, chain);

        }

    }
}

10.修改web.xml的strut2拦截器:

<filter>
        <filter-name>struts2</filter-name>
        <filter-class>news.filter.UeditorFilter</filter-class>
    </filter>

    <filter-mapping>
        <filter-name>struts2</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

11.此时,能run as能不能实现图片上传呢???显然是不能的,因为用myeclipse搭建ssh的原因,会出现包冲突:需要删除如下jar文件:commons-io-1.3.2.jar;

还有个问题就是我开始用的是myeclipse tomcat7部署,用这个删除jar文件比较麻烦,所以最好直接在tomcat7中部署。

说明:如果不进行9和10,那么就会出现上传出现错误。如果不进行11就会出现找不到上传文件的情况。

最终效果:

© 著作权归作者所有

上一篇: rust语言初体验
下一篇: struts2标签库
有力量的神经病
粉丝 5
博文 30
码字总数 14302
作品 0
成都
程序员
私信 提问
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
SSH与SSH2这种框架组合的历史原由

早在2001年时当时的J2EE推崇的是EJB,EJB被称为J2EE的核心,当时要学J2EE就是Servlet+EJB,在EJB里其实早已经有了AOP与实体映射这些概念了。 EJB有三种形态的BEAN,SessionBean, Entity Bea...

天行健J
2012/11/20
471
0
SpringMVC+Spring4.0+Hibernate 简单的整合

学习的初始 一个 Hello World。 1、搭建好环境 工欲善其事,必先利其 这是需要的jar 简单的说下 : standard.jar 这个jar包是我们在jsp中使用JSTL标签的时候用到的。你也可以使用SpringEL 。 ...

Jeremy_pan
2014/08/30
45.3K
13
Tomcat 容器与servlet的交互原理

Tomcat 是Web应用服务器,是一个Servlet/JSP容器. Tomcat 作为Servlet容器,负责处理客户请求,把请求传送给Servlet,并将Servlet的响应传送回给客户.而Servlet是一种运行在支持Java语言的服务器...

watermelon11
02/25
141
0
Servlet 生命周期、工作原理

Servlet 生命周期:Servlet 加载--->实例化--->服务--->销毁。 init():在Servlet的生命周期中,仅执行一次init()方法。它是在服务器装入Servlet时执行的,负责初始化Servlet 对象。可以配...

ArlenXu
2015/01/24
124
0

没有更多内容

加载失败,请刷新页面

加载更多

mac下redis安装、设置、启动停止

常用命令说明 redis服务器:redis-server redis客户端:redis-cli redis性能测试工具:redis-benchmark AOF文件修复工具:redis-check-aof RDB文件修复工具:redis-check-rd redis设置临时密...

botkenni
11分钟前
3
0
好程序员web前端分享HTML5常见面试题集锦四

好程序员web前端分享HTML5常见面试题集锦四 1、为什么要初始化CSS样式? 答案:因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面...

好程序员官方
12分钟前
2
0
CDN的网络架构是什么?

CDN网络架构主要由两大部分,分为中心和边缘两部分,中心指CDN网管中心和DNS重定向解析中心,负责全局负载均衡,设备系统安装在管理中心机房,边缘主要指异地节点,CDN分发的载体,主要由Cac...

云漫网络Ruan
12分钟前
2
0
pandas入门07---可视化

01 入门 制作提供信息的可视化是数据分析的重要任务之一。首先介绍一下matplotlib库。 import matplotlib.pyplot as pltimport numpy as npdata = np.arange(10)print(data)plt.plot(da...

筠初
13分钟前
2
0
201_PyTorch中文教程:Torch与Numpy互操作

201_PyTorch中文教程:Torch与Numpy互操作 Numpy是经典的数学计算库,Torch中的Tensor可以与之互相转换,从而可以充分利用二者的计算函数和模型,以及使用其它支持Numpy的软件库和工具。但需...

openthings
14分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部