当前位置:首页 > 开发 > Web前端 > 前端 > 正文

struts2上整合ueditor的使用

发表于: 2013-07-24   作者:星河630   来源:转载   浏览:
摘要: 1、首先将编辑器文件夹拷贝到项目的根目录之中 2、在所需要显示的页面做如下操作(1)在页面的头部写入以下 ? < script  type = "text/javascript" > window.UEDITOR_HOME_URL = "/editor/"; </ script

1、首先将编辑器文件夹拷贝到项目的根目录之中


2、在所需要显示的页面做如下操作
(1)在页面的头部写入以下

?
< script  type = "text/javascript" >
window.UEDITOR_HOME_URL = "/editor/";
</ script >
 
< script  type = "text/javascript"  charset = "utf-8"
src = "/editor/editor_config.js" ></ script >
< script  type = "text/javascript"  charset = "utf-8"
src = "/editor/editor_all.js" > </ script >
< link  rel = "stylesheet"  href = "/editor/themes/default/css/ueditor.css"
type = "text/css"  />

(2)在需要显示的地方写上

?
< div >
< script  id = "editor2"  type = "text/plain"  name = "content" >${information.fcontent}</ script >
</ div >
< script  type = "text/javascript" >
//实例化编辑器
var ue = UE.getEditor('editor2');
ue.addListener('ready',function(){
this.focus()
});
</ script >

  

3、将原先的所有利用jsp上传的更换为servlet实现(具体见文件),将servlet导入项目之中。

 

4、配置web.xml,将servlet进行配置,如下操作,因为是用到了struts2框架,所以下面的路径不加.do结尾

?
< servlet >
< servlet-name >ImageUploadServlet</ servlet-name >
< servlet-class >com.servlet.ImageUploadServlet</ servlet-class >
</ servlet >
< servlet-mapping >
< servlet-name >ImageUploadServlet</ servlet-name >
< url-pattern >/imageUploadServlet</ url-pattern >
</ servlet-mapping >

  


5、将过滤器导入项目之中,并将web.xml配置文件的过滤器更换为自己写的过滤器,如下操作

?
< filter >
< filter-name >ews88</ filter-name >
< filter-class >
com.ews88.filter.MyStrutsFilter
</ filter-class >
</ filter >
< filter-mapping >
< filter-name >ews88</ filter-name >
< url-pattern >/*</ url-pattern >
</ filter-mapping >

6、去修改editor的配置文件editor_config.js修改操作如下
(1)增加一个这个到URL的定义之下,记住要放在原先给URL赋值的下面,这个路径一定要写对,你的编辑器文件夹是什么名字,是啥路径就这么写
URL = window.UEDITOR_HOME_URL||"/editor"; 
(2)将原先上传图片的提交地址更改为配置的servlet的地址,操作如下
,imageUrl:"/imageUploadServlet" //图片上传提交地址
,imagePath:"/" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
这里的路径也需要注意的,因为我在程序的处理文件设置的路径不是这个,所以我给设置了一个修正地址。如果在处理程序文件写对了,这里可不写,直接置为空的。


7、最后的步骤啦,给你的程序处理文件设置保存图片的位置。操作如下:
(1)在servlet上写上路径,找到这行代码,将路径修改为你想储存的地址
String path = "images/articleImages"; 
(2)在处理文件Uploader.java上写上路径
private String savePath = "images/articleImages";

好了 大功告成了,测试上传图片吧,其他的上传附件等都可以将其改为servlet进行处理,步骤跟上面的类似。

struts2上整合ueditor的使用

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
Flexigrid是一个jQuery表格插件 下载地址:http://download.csdn.net/detail/itmyhome/7613879 使用
文章来源:http://www.thinkphp.cn/code/267.html ThinkPHP整合百度Ueditor,基于黄永成老师的视频
用过6kzz免费版的朋友都知道,它的后台编辑器是kindeditor,并且是两三年前的版本,有很多功能都没
一、引用CSS和JS: <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
最近刚被分配了以个消息发布的任务,其中用到了富文本编辑器。以前也用过,不过这次我选择的是百度
SpringMVC的搭建我就不啰嗦了,直接开干。 UEditor和SpringMVC整合有点复杂,首先下载UEditor的源码
1、从ueditor的官方网站定制下载需要功能的工具包 2、在web项目的根目录新建文件夹ueditor,把工具
1.文件路径的配置: 注意:在页面上需要指定editor文件所在的路径,否则报错 后面有时间,再说说 ki
1、下载ueditor解压 2、 jsp里存放着开发所用到的jar包,导入项目即可 前端页面代码如下: <cent
一、简介 ueditor是百度编辑器,官网地址:http://ueditor.baidu.com/website/ 完整的功能演示,可
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号