Ueditor编辑器与struts2结合使用

1.新建一个filter

 1 package cn.lddxfs.tieba.filter;
 2
 3 import java.io.IOException;
 4
 5 import javax.servlet.FilterChain;
 6 import javax.servlet.ServletException;
 7 import javax.servlet.ServletRequest;
 8 import javax.servlet.ServletResponse;
 9 import javax.servlet.http.HttpServletRequest;
10
11 import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;
12
13 public class MyStruts2Filter extends StrutsPrepareAndExecuteFilter {
14
15     public void doFilter(ServletRequest req, ServletResponse res,
16             FilterChain chain) throws IOException, ServletException {
17         HttpServletRequest request = (HttpServletRequest) req;
18         // 不过滤的url
19         String url = request.getRequestURI();
20
21         if (url.endsWith("/ueditor/jsp/controller.jsp")) {
22             System.out.println("自定义"+url);
23             chain.doFilter(req, res);
24         }
25         else if (url.contains("/ueditor/jsp/upload/")) {
26             System.out.println("自定义"+url);
27             chain.doFilter(req, res);
28         }
29         else {
30             System.out.println("默认"+url);
31             super.doFilter(req, res, chain);
32         }
33     }
34
35 }

将以下ueditor自带的jar包复制到WEB-INF/lib/   文件夹下

WEB-INF/lib/ueditor-1.1.1.jar删除,将ueditor/jsp/src下的文件复制到项目src文件夹。

修改

package com.baidu.ueditor.hunter下类FileManager中的getPath方法:

 1     private String getPath(File file) {
 2
 3         String path = PathFormat.format(file.getAbsolutePath());
 4         String myrootString = this.rootPath.substring(0, this.rootPath
 5                 .substring(0, this.rootPath.length() - 1).lastIndexOf("/")+1);
 6
 7         String myPath = path.replace(myrootString, "/");
 8         //System.out.println(myPath);
 9         return myPath;
10     }

2.在web.xml下添加以下内容

 1     <filter>
 2         <display-name>MyStruts2Filter</display-name>
 3         <filter-name>MyStruts2Filter</filter-name>
 4         <filter-class>cn.lddxfs.tieba.filter.MyStruts2Filter</filter-class>
 5     </filter>
 6     <filter-mapping>
 7         <filter-name>MyStruts2Filter</filter-name>
 8         <url-pattern>/*</url-pattern>
 9         <dispatcher>REQUEST</dispatcher>
10         <dispatcher>FORWARD</dispatcher>
11     </filter-mapping>

同时删除struts2的默认过滤器的配置

3.将ueditor解压后放到如下图位置,注意ueditor文件夹与WEB-INF同级。

4.找到ueditor/jsp/config.json文件修改文件内容,如图中标注。加一个点,文件中的/ueditor/jsp/upload 都替换为   ./ueditor/jsp/upload

5.将文件ueditor/index.html内容  复制到WEB-INF/index.jsp中

修改导入js的路径,如下

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%@taglib uri="/struts-tags" prefix="s"%>
 4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 5 <html>
 6 <head>
 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 8 <title>测试ueditor</title>
 9 <link href="${pageContext.request.contextPath}/ba/css/list.css"
10     rel="stylesheet">
11 </head>
12 <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script>
13 <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.all.min.js">
14 </script>
15 <body>
16 。。。

6浏览器输入http://localhost:8080/项目名称/index.jsp 即可,最终效果如下图

时间: 2024-10-09 00:20:30

Ueditor编辑器与struts2结合使用的相关文章

ueditor编辑器使用总结

ueditor使用小结 一.简介 ueditor是百度编辑器,官网地址:http://ueditor.baidu.com/website/ 完整的功能演示,可以参考:http://ueditor.baidu.com/website/onlinedemo.html 为了方便开发学习,我们下载它的完整版和.net版. ueditor_release_ueditor1_4_3_1-src.zip ueditor_release_ueditor1_4_3_1-gbk-net.zip 二.如何引入uedi

tp中ueditor编辑器的使用

1/引入三个文件 <script type="text/javascript" charset="utf-8" src="{$Think.config.PLUGIN_URL}ueditor/ueditor.config.js"></script><script type="text/javascript" charset="utf-8" src="{$Think.co

(六)在线文档编辑器的使用和数据字典(ueditor编辑器/my97datepicker日期控件)

使用ueditor编辑器注意: 1. 要把ueditor的jar包添加到WEB-INF/lib里. 2. 在做图片上传等功能时,必须重写struts的过滤器,否则图片流会被拦截程序无法得到图片. 3. 上传的图片(还未经过action处理)一般放在 "C:\Users\Administrator\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps/项目名"的目录下.

Thinkphp整合最新Ueditor编辑器

说到最新的富文本编辑器的确不少(ckeditor.fkeditor.ueditor),这些富文本编辑器如果单独使用基本上很方便,不需要做额外的配置,只要把官方的插件下载下来放到一个web容器中,看看 插件中提供的 index.html 里的代码就明白应该怎么调用了.因为富文本编辑器会经常涉及到文件.图片.视频资源的上传,如果本身所用到的框架或者是项目本身就有一个模块是专门来处理这一块儿的,对一些资源需要做特殊处理的,例如水印处理,对图片的大小处理(原图.缩略图),那么就设计到把富文本编辑器与你现

html 实体转换为字符:转换 UEditor 编辑器 ( 在 ThinkPHP 3.2.2 中 ) 保存的数据

在 ThinkPHP 3.2.2 中使用 UEditor 编辑器保存文章内容时,数据库中保存的数据都被转义成实体,例如:&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 微软雅黑, &amp;#39;Microsoft YaHei&amp;#39;; color: rgb(192, 0, 0);&quot;&gt;&lt;em&gt;&lt

使用 UEditor 编辑器获取数据库中的数据

在 ThinkPHP 3.2.2 中,使用 UEditor 编辑器获取数据库中保存的数据,可以使用 UEditor 自身提供的方法. 首先在视图模板中实例化编辑器,这是出现编辑器界面的必须的行为: <script type="text/javascript"> var editor = UE.getEditor('container'); </script> 然后使用 setContent 方法来使数据显示在编辑框内: editor.setContent(dat

Nop3.8定制系列(二):UEditor编辑器

Nop中使用UEditor编辑器,官网 http://ueditor.baidu.com/website/ 下载后解压. \Presentation\Nop.Web\Content 下,新建文件夹 ueditor,将解压后的文件 copy 至此文件夹. \Presentation\Nop.Web\Administration\Views\Shared\EditorTemplates 下新建页面 UEditor.cshtml 1 @model String 2 @using Nop.Core 3

一个页面实例化两个ueditor编辑器,同样的出生却有不同的命运

今天遇到一个比较怪异的问题,有一项目需要在同一个页面上展现两个ueditor编辑器,在展现时并不任何问题,但当点击了“保存”按钮时就出错了,有其中一个ueditor在asp.net中无法获取编辑器的值,这时代码是这样的: //第一个ueditor <script type="text/plain" id="editorValue"><asp:Literal ID="ltlContent" runat="server&q

ueditor编辑器配置及使用介绍

<1>:ueditor编辑器配置 1:首先去官网下载安装包http://ueditor.baidu.com/website/download.html 2:解压后,只需要保留utf8-php这个文件夹里面的内容就可以了 3:根据自己项目的需要配置到根目录的相应文件夹下,我是配置到根目录的public目录下,如下图 4:在html页面配置加载UEditor编辑器,加入三个js文件以及在页面初始化UEditor编辑器 这里的id="editor"就是初始化需要获取的id上下需要