Erlo

ueditor笔记

2018-11-28 15:02:18 发布   490 浏览  
页面报错/反馈
收藏 点赞

一、ueditor是什么

    UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。

二、ueditor的下载

下载网址:https://ueditor.baidu.com/website/download.html#ueditor

下载版本:jsp版,当然也可以下载源码版,后面和springmvc整合的时候需要下载源码版。

image

下载完后的zip包

clip_image001

三、将ueditor集成到javaweb(servlet)项目

l 第一步:新建一个javaweb项目,并把ueditor引入到项目中 。…min.js都是压缩版,不推荐使用,压缩版不方便改源码

clip_image001[4]

l 第二步:在index.jsp中引用ueditor  

java" import="java.util.*" pageEncoding="UTF-8"%>
://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
span style="color: #8b0000;">-//W3C//DTD HTML 4.01 Transitional//EN">


">
My JSP 'index.jsp' starting page







	
editor" style="width:1024px;height:500px;">
View Code

l 第三步:通过浏览器访问index.jsp,测试是否集成成功: http://localhost:8080/ueditor01/index.jsp

image

四、常用API

l 第一步:在项目中新建一个api.jsp

clip_image002

l 第二步:api.jsp的内容如下:

java" import="java.util.*" pageEncoding="UTF-8"%>
://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
span style="color: #8b0000;">-//W3C//DTD HTML 4.01 Transitional//EN">


">
ueditor常用api







	
editor" style="width:1024px;height:500px;">
View Code

 

l 其它api参考ueditor中的index.html

1

五、servlet项目中ueditor上传配置

    上传的配置都差不多,主要就是修改config.json这个配置文件,这里以图片上传为例。当然这里的项目是servlet项目。如果是springmvc或者strus2这种项目,就和这里不一样了。

5.1 servlet项目中配置图片上传

如果没有配置,图片的不能上传的默认是这个样子

clip_image002

l 第一步:把ueditor的jar包复制到lib下

clip_image004

l 第二步:建立图片上传的保存目录

clip_image006

l 第三步:修改config.json配置

例如:我这里上传后的图片将保存到:D:tomcat7/webapps/ueditor02/upload/image/ 下面

clip_image008

l 第四步:测试是否配置成功,点击多图上传,出现下面这个画面,说明配置成功。

clip_image010

5.2 servlet项目中配置其它上传

其它上传如:视频上传等等 参考5.1图片上传,修改即可。

 

六、springmvc项目中ueditor上传配置

参考这个 https://blog.csdn.net/github_38823514/article/details/75288505

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认