ueditor部署使用

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

1、下载ueditor1_4_3_3-utf8-jsp.zip，jsp版本的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.js是Ueditor的前端配置文件，详细介绍见官网。

要改变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、重启，刷新：成功！