ueditor部署使用

原创 2018年04月17日 14:41:16

17年写的一直没发,今天发一下

1、下载ueditor1_4_3_3-utf8-jsp.zipjsp版本的Ueditor

链接:http://ueditor.baidu.com/website/download.html

2、eclipse中新建web项目,把ueditor1_4_3_3-utf8-jsp.zip解压后的内容放在WebContent下如下图


3、接下来是很重要的一步,把jsp文件夹下面lib文件夹中的jar包拷贝到WEB-INF/lib下面,如下图


4、启动tomcat在浏览器地址栏输入

http://localhost:8080/项目名/jsp/controller.jsp?action=config

出现如下页面责说明部署成功了


二、Ueditor实现图片上传

1、首先要知道,ueditor.config.jsUeditor的前端配置文件,详细介绍见官网。

要改变Ueditor的默认属性有两种方法,一是改变ueditor.config.js文件中的参数,二是在实例化editor时传入参数。

2、下文中我用改变配置文件的方式。

3、ueditor.config.js中找到toolbars,将其改为toolbars:[['FullScreen',’simpleupload’ ,'Source', 'Undo', 'Redo','Bold','test']]

然后访问index.html出现如下图的效果

4、可以发现,topbars中的好多默认的东西没有了。

5、点击左上角的图片按钮上传图片无法上传,解决办法:注意查看ueditor.config.js中的serverUrl: URL + jsp/controller.jsp”,本例中用的是jsp所以,这里要注意了。

6、选择上传图片后浏览器中有如下图所示错误。


7、这个显然是图片上传路径找不到,这时候我们就要到ueditor的后端配置文件中进行配置了。我们先看config.json文件,只看部分配置,下面的配置都很重要,但我们先解决上面出现的问题:

上面的问题应该是图片的路径不对造成的,所以我们修改配置:imageUrlPrefix,把他改成下面的配置,"imagePathFormat": "jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",

8、重启,刷新:成功!



Ueditor在javaweb项目下的配置一

本人决定从今天开始维持写技术文档的习惯,为opensource和share精神做出一定贡献,哈哈哈,废话少说,第一次发,那么就从比较熟悉的领域开始着手,先写javaweb吧,准备做一系列javaweb...
  • u013012940
  • u013012940
  • 2014-10-14 16:12:20
  • 2350

Django 使用UEditor

Django 使用UEditor(开源,功能强大)
  • zhx278171313
  • zhx278171313
  • 2014-04-17 21:05:58
  • 2586

UEditor-分布式部署解决方案

UEditor是一款很强大的编辑器,但是在使用中又会遇到一些问题。比如常见的因为后台配置原因提示无法上传图片或者附件之类的。下面就把使用过程中遇到的问题和解决方法给各位友友分享一下:  1、下载依赖...
  • zhaoguoshuai91
  • zhaoguoshuai91
  • 2015-08-23 10:17:54
  • 1021

ueditor1.4.3在vs2010项目中,但是发布到iis上却不管用了。

起初我还以为是配置的原因,上网查
  • liang15zhu
  • liang15zhu
  • 2014-08-09 10:20:46
  • 979

ThinkPHP3.2.3配置UEditor。

因为第一次使用UEditor,以为下载下来需要配置,所以直奔ueditor.config.js 当时也没多想,直接用WIN记事本打开的,就因为这个行为,造成很大的麻烦,自己改来改去的,只要一改编辑器就...
  • bosivip
  • bosivip
  • 2015-08-13 22:09:01
  • 1053

ueditor1.4.3.jsp在Myeclipse下部署好的实例

  • 2014年07月02日 11:53
  • 3.83MB
  • 下载

UEditor入门(一)集成进Java Web项目

UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,主文件的代码量为139k,而且放弃了使用传统的i...
  • daleiwang
  • daleiwang
  • 2014-05-04 19:49:17
  • 17644

ASP.NET使用UEditor

介绍ueditor前端基础部署,以及.net后台的部署配置,还有图片上传的压缩问题。...
  • Dandelion_drq
  • Dandelion_drq
  • 2016-10-24 22:33:10
  • 1694

IDEA中使用百度编辑器

在IDEA中使用百度编辑器会跟在myeclipse中使用的不太一样,要做一些改动
  • weixin_37762923
  • weixin_37762923
  • 2018-01-02 12:46:18
  • 140

Ueditor 表情本地化

1、先去官网下载本地表情包,地址如下http://ueditor.baidu.com/website/download.html 在页面的最底部。 下载下来的包里有使用说明,按照上面做就可以了。表...
  • zhangchen1987
  • zhangchen1987
  • 2017-11-15 17:50:22
  • 380
收藏助手
不良信息举报
您举报文章:ueditor部署使用
举报原因:
原因补充:

(最多只允许输入30个字)