ueditor1_4_3-utf8-jsp 配置实现上传图片的功能

我所使用的环境: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下
如下图所示:
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能
3,在index.jsp中配置引用ueditor:
<wbr><wbr></wbr></wbr>
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能
4,把ueditor1_4_3-utf8-jsp\jsp\lib下的jar包复制到WebContent/WEB-INF/lib下,如下图:
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能
5,打开ueditor1_4_3/jsp/config.json文件:修改图片访问路径前缀imageUrlPrefix的值为符合项目访问的值,如下图:
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能

6,修改ueditor1_4_3/ueditor.config.js的window.UEDITOR_HOME_URL为符合项目访问的路径,如下图:
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能
在ueditor1_4_3/ueditor.config.js中也可修改编辑器的大小,如下图:
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能
7,在tomcat中启动项目后,输入地址http://localhost:8080/UeditorDemo/index.jsp就会出现编辑器,选择图片上传按钮即可上传图片,
如下图所示:
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能