百度富文本编辑jsp上传_百度富文本编辑器ueditor/jsp版的简单使用,可上传图片和附件...

~~经过一上午的时间,终于把ueditor编辑器搞出来了,仅做记录#完成的样子1,首先在官网下载对应的插件 【附下载地址:http://ueditor.baidu.com/website/download.html】本人使用的是Java语言,框架是ssm+maven2,解压文件,在自己项目的根目录下新建文件夹 ueditor,把utf8-jsp中文件复制粘贴到ueditor文件夹下3,新建一个u...
摘要由CSDN通过智能技术生成

~~经过一上午的时间,终于把ueditor编辑器搞出来了,仅做记录

#完成的样子

1,首先在官网下载对应的插件 【附下载地址:http://ueditor.baidu.com/website/download.html】

本人使用的是Java语言 ,框架是ssm+maven

2,解压文件,在自己项目的根目录下新建文件夹 ueditor,把utf8-jsp中文件复制粘贴到ueditor文件夹下

3,新建一个ueditorTest.jsp,把文件夹中index.html中的HTML代码复制粘贴到这个jsp中,引入下面这四个js和css

完整demo

div{width:100%;

}

完整demo

//实例化编辑器

var ue = UE.getEditor('editor');

4,我使用的是maven管理jar,所以/ueditor/jsp/lib下的前四个jar包在pom.xml引入,ueditor-1.1.2.jar可放在/WEB-INF/下lib文件夹中(没有就新建一个),并bulidpath

5,修改配置文件ueditor.config.js中的两处代码

//【需要改的第一处:】

var URL = window.UEDITOR_HOME_URL || "/xxxxx/ueditor/"; //xxxxx为你项目名称,即此处为ueditor文件夹相对项目的路径

window.UEDITOR_CONFIG = {

//【需要改的第二处:】

, serverUrl: "/xxxx/upload/enter" //需要修改的第二处路径,xxxx同样是你的项目名称,

//upload为你要新建的controller的访问路径,enter为入口方法,controller具体代码在下文

* 6,这个很重要,config.json文件放的路径一定要按照上面5中 serverUrl: "/xxxx/upload/enter" 对应,放在根路径下upload文件夹中(没有就新建一个文件夹),否则会一直报错:请求后台配置错误,上传功能将不能正常使用!

config.json中内容根据实际情况修改config.json文件中三个参数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值