资讯专栏INFORMATION COLUMN

ueditor笔记

番茄西红柿 / 3513人阅读

摘要:下载完后的包三将集成到项目第一步新建一个项目,并把引入到项目中。项目中配置其它上传其它上传如视频上传等等参考图片上传,修改即可。

一、ueditor是什么

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

二、ueditor的下载

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

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

下载完后的zip包

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

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

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

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
-//W3C//DTD HTML 4.01 Transitional//EN">


<%=basePath%>">
My JSP index.jsp starting page







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

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

四、常用API

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

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

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%  String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
-//W3C//DTD HTML 4.01 Transitional//EN">


<%=basePath%>">
ueditor常用api







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

 

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

五、servlet项目中ueditor上传配置

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

5.1 servlet项目中配置图片上传

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

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

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

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

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

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

5.2 servlet项目中配置其它上传

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

 

六、springmvc项目中ueditor上传配置

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1498.html

相关文章

  • Laravel不权威导航

    摘要:版微信第三方登陆包括微信微博等等,查看支持列表扩展好用的图片处理,也方便使用百度版百度版支付集合,包含支付宝等支付宝在的封装各国语言包,包含简体中文生成二维码工具,亲测好用未完大家可以向我推荐,直接在本文下留言即可。 Laravel不权威导航 Hi 这里是Roy整理的Laravel相关索引,希望能帮到大家showImg(http://static.segmentfault.com/bu...

    focusj 评论0 收藏0
  • 百度UEditor自定义上传地址

    摘要:之前有个小朋友问我百度怎么自定义服务端上传地址正好也用过,现在做下笔记吧。上传结果返回格式是这样的失败的情况成功的情况图片源文件名图片后缀图片大小图片标签上的属性图片上传之后的好了就这样原为连接百度自定义上传地址更多知识分享请扫码关注 之前有个小朋友问我百度UEditor怎么自定义服务端上传地址, 正好也用过,现在做下笔记吧。 在ue实例化的时候你服务端上传的请求地址赋值给server...

    missonce 评论0 收藏0
  • 百度UEditor自定义上传地址

    摘要:之前有个小朋友问我百度怎么自定义服务端上传地址正好也用过,现在做下笔记吧。上传结果返回格式是这样的失败的情况成功的情况图片源文件名图片后缀图片大小图片标签上的属性图片上传之后的好了就这样原为连接百度自定义上传地址更多知识分享请扫码关注 之前有个小朋友问我百度UEditor怎么自定义服务端上传地址, 正好也用过,现在做下笔记吧。 在ue实例化的时候你服务端上传的请求地址赋值给server...

    lavor 评论0 收藏0
  • pygame学习笔记之设置字体及显示中文

      pygame作为python的一个平台库,在做游戏的时候,需要学习的内容还是比较的多的,主要涉及到的内容有相关的学习笔记,包括怎么设置字体,另外还有就是怎么设置其显示中文呢?下面就给大家详细解答下。  一、获得可用字体  importpygame   print(pygame.font.get_fonts())  结果:  ['arial','arialblack...

    89542767 评论0 收藏0
  • pygame学习笔记之设置字体及显示中文

      游戏界面,国外的一些游戏,还是以英文为主,那么,国内的游戏,大多覆盖的是中文字体。那么,我们怎么样将英文字体修改成为中文,并且能够正确的显示出来呢?下面就给大家详细解答下。  一、获得可用字体  importpygame   print(pygame.font.get_fonts())  结果:  ['arial','arialblack','bahns...

    89542767 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<