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进行处理,步骤跟上面的类似。
相关推荐
Struts整合百度的UEditor,配置简单明了,欢迎大家来下载
Struts2.0与Ueditor直接整合会出现图片、文件无法上传。因此需要添加一个Filter,使Ueditor中的请求不经过struts2。文件中给的是SSH框架和UEDITOR,觉得麻烦的可以直接看util包中的MyStrutsFilter和web.xml中的配置...
百度UEditor富文本demo,使用目前最新1.4.3.1 jsp utf-8版本。关键类EditorController访问地址http://localhost:8080/project/editor!toAddOrEdit。jsp地址WebRoot/WEB-INF/jsp/editor
struts2.x中使用百度ueditor的项目实例详细介绍在http://blog.csdn.net/yezis/article/details/39852355
基于Maven的SpringMVC整合UEditor案例,可在读者本地实际运行,以方便研究原理具体详情请参见博文:http://blog.csdn.net/lixinyao5281/article/details/78878774
springboot整合ueditor,由于项目是springcloud分布式项目,注册中心和其他服务未上传,下载的同学看代码路径和配置即可.资料参考地址: https://blog.csdn.net/a1053765496/article/details/105965560
PHPCMS 整合Ueditor 加水印 gbk版,PHPCMS 整合Ueditor 加水印 gbk版
由于项目需求,要开发一个新闻发布模块,在网上找了找,看有没有什么插件可以用,后来发现了Ueditor百度编辑器,的确挺强大的。这里我只讲解jsp版本的,与servlet和SpringMVC整合,两种方式的应用。这里提供了纯...
ueditor百度编辑器(修改版)-适用struts2,框架struts2+spring+mybatis
整合方法见http://176coding.com/blog/2014/09/03/ueditor/
基于Maven的SpringMVC整合UEditor实例,可单独配置图片上传路径,具体详情请参见博文:http://blog.csdn.net/l1028386804/article/details/52389722
本demo简单明了,容易理解,快速接入已有项目,很好的
SpringBoot整合Ueditor和kityformula,参考博客:https://hcshow.blog.csdn.net/article/details/109011620
springboot和ueditor的整合,下载下来只需要修改index.html中的地址就可以。具体搭建的步骤在:https://www.jianshu.com/p/231e83c13610 中,大家可以参考。
editor(通用所有文本编辑器) struts2图片上传问题解决办法
ThinkPHP5.0 版本整合Ueditor1.4.3.3 版本,实现Ueditor的上传功能采用TP5的上传类和图像处理类(水印,裁切压缩等),通过修改Ueditor.php控制器控制上传大小、修改文件路径等。
百度富文本编辑器和SSH框架的整合,用的是Intellij idea编译,代码myecliplse,eclipse一样可以用,
2、测试http://localhost:8080/ueditor/jsp/controller.jsp 如果不能正常访问那么上传文件就不能使用 3、可以直接运行,idea运行时的测试路径,因个人环境配置有直接关系,eclipse需要加上项目名称才能运行 ...
springboot和ueditor的整合,自己写完测试过可以用,下载下来只需要修改index.html中的地址就可以。具体搭建的步骤在:https://www.jianshu.com/p/231e83c13610 中,大家可以参考。
百度Ueditor使用方法