百度编辑器

百度编辑器上传图片
第一步:下载
从官网上下载自己所需要的编辑器版本,以前的版本和现在的版本不一样,不过里面的配置大致一样;我下的是ueditor1_4_3_3-utf8-jsp
这里写图片描述
第二步:引入
在WebRoot目录下新建一个文件夹,把这些放入文件夹
第三步:导包
把jsp里面的lib文件夹下面的jar包导入
第四步:引用文件
在jsp/html文件中引入刚下载的js和css文件
这里写图片描述
第五步:初始化
在body内对编辑器初始化
这里写图片描述
hdcjhhjh 是初始化内容!!
在初始化的时候可以对编辑器进行处理,例如 编辑器的宽度 高度 显示的功能按钮有哪些等…..
第六步:配置
配置config.json文件,
“imageCompressEnable”: true,
“imageCompressBorder”: 1600, //上传图片后 图片在编辑器中的尺寸
“imageUrlPrefix”: “”, //这里配置前缀,图片路径的前缀
“imagePathFormat”: “./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”, //图片保存的地方
图片的路径:imageUrlPrefix+imagePathFormat

再上传的图片的时候,会遇到各种问题,网上有很多解决方案,可能是因为版本的不同和环境不同,有些路径配置会有一些不一样,如:我在上传图片的时候,在编辑器中显示的时候显示不出来;我在我的笔记本电脑上的配置是
imageUrlPrefix”: “”,
“imagePathFormat”:”./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”,

在公司电脑上的配置是
imageUrlPrefix”: “.”,
“imagePathFormat”:”./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”,
希望能帮到大家。

这样就可以上传图片了.
本人是个菜鸟,花了好几天才在项目中运用百度编辑器,如有那些不对的还请大家指出。

UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,全版本的代码量为125k,而且放弃了使用传统的iframe模式,采用了div的加载方式, 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧,贴吧每天几亿的pv是对UM各种指标的最好测试平台。 当然随着代码的减少,UM的功能对于UE来说还是有所减少,但我们经过调研和大家对于UM提出的各种意见,提供了现在UM的功能版本, 虽然有删减,但也有增加,比如拖拽图片上传,chrome的图片拖动改变大小等。让UM能在功能和体积上达到一个平衡。我们的目标不仅是要提高在线编辑的 编辑体验,也希望能改变前端技术中关于富文本技术的门槛,让大家不再觉得这块是个大坑。1.2.2更新说明: ### 功能更新 1. **添加插入数学公式** 2. 支持插入动态地图 3. 支持复制图片、截屏图片的粘贴 4. 添加自动保存插件,支持草稿箱功能 5. 支持拖放图片上传并插入 6. 优化了对IE11的支持 7. 支持asp后台### 问题修复 1. 修复表情本地化出错问题 2. 修复jquery的$变量冲突问题 3. 修复多编辑器,弹层被遮挡和出错问题 4. 解决于bootstrap的冲突 5. 修复粘贴后光标定位错误的问题 6. 修复一坨坨的细节BUG
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值