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

6,修改ueditor1_4_3/ueditor.config.js的window.UEDITOR_HOME_URL为符合项目访问的路径,如下图:
ueditor1_4_3-utf8-jsp <wbr>配置实现上传图片的功能
在ueditor1_4_3/ueditor.config.js中也可修改编辑器的大小,如下图:
ueditor1_4_3-utf8-jsp <wbr>配置实现上传图片的功能
7,在tomcat中启动项目后,输入地址http://localhost:8080/UeditorDemo/index.jsp就会出现编辑器,选择图片上传按钮即可上传图片,
如下图所示:
ueditor1_4_3-utf8-jsp <wbr>配置实现上传图片的功能
展开阅读全文
©️2020 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值