在搭建资讯网站时，选择了Summernote编辑器，因其简约、功能齐全且支持图片大小可视化修改。虽然其默认使用base64编码存储图片，但可以通过自定义接口实现图片上传功能。本文介绍了如何利用Summernote的上传图片接口，结合前端和后端代码实现图片上传到服务器，并解决遇到的问题。
在做 资讯网站 所以需要一款编辑器插件 找了好多 不是 功能繁杂 多年未更新 就是会将网站的图片空间展示出来 ,或者图片大小不能随意更改的问题。
最终找到一款就是 summernote编辑器 这里是官网 → 我是官网
优点有
- 简约 大部分功能齐全 却又不显得繁琐复杂
- 图片大小可以在文章内部可视化修改大小
- 允许自定义按钮 且功能可以随意关闭开启（这个功能大部分都有）功能按钮布局可以随意更改
- 支持中文￣□￣｜｜
缺点嘛
说是缺点也不算就是他的上传图片是用base64 转换的图片
大致是这样的↓↓↓↓↓↓↓↓↓↓↓
一张图片的地址 就有好几兆 存进数据库 结果可想而知，所以 图片上传就需要 自己写了 好在 官方留了接口 所以这里可以自己写很方便
大概思路是 上传图片事件→获取上传图片对象→通过ajax→传到后台控制器 控制器上传图片并且 返回图片url→将图片的url重新放到编辑器内
这里说一下 图片上传的前端代码
//调用富文本编辑
$(docume
最低0.47元/天 解锁文章
扫一扫
840
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
