AlexYang

记录一些容易遗忘的东西

ueditor部署使用

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
个人分类: 前端框架
上一篇layui数据表格以及分页使用
下一篇Vue 开发环境搭建之 vue cli
想对作者说点什么? 我来说一句

Jsp添加配置Ueditor

2014年08月18日 17.36MB 下载

没有更多推荐了,返回首页

关闭
关闭