ueditor - 配置实现上传图片的功能

HTML编辑器-HTML网页表单可视化在线编辑器插件大全：

http://www.divcss5.com/template/m578.shtml

ueditor参考文档：

http://ueditor.baidu.com/website/document.html

我所使用的环境:eclipse-jee-luna-SR1-win32-x86_64,Tomcat7,jre7

1，首先下载ueditor1_4_3-utf8-jsp并解压，下载地址：http://ueditor.baidu.com/website/download.html

2，在eclipse里新建一个 Dynamic web项目（我新建的项目为UeditorDemo）,建好项目后，会有一个WebContent文件夹，在此目录下新建文件夹ueditor1_4_3，

然后把解压的ueditor1_4_3-utf8-jsp目录下的所有文件都复制到新建文件夹ueditor1_4_3下

如下图所示：

3，在index.jsp中配置引用ueditor：

    

4，把ueditor1_4_3-utf8-jsp\jsp\lib下的jar包复制到WebContent/WEB-INF/lib下，如下图：

5，打开ueditor1_4_3/jsp/config.json文件：修改图片访问路径前缀imageUrlPrefix的值为符合项目访问的值，如下图：

6，修改ueditor1_4_3/ueditor.config.js的window.UEDITOR_HOME_URL为符合项目访问的路径，如下图：

在ueditor1_4_3/ueditor.config.js中也可修改编辑器的大小，如下图：

7，在tomcat中启动项目后，输入地址http://localhost:8080/UeditorDemo/index.jsp就会出现编辑器，选择图片上传按钮即可上传图片，

如下图所示：