summernote富文本的改写onImageUpload在服务器上传图片,并利用MutationObserver实时监测进行图片在服务器删除

本文介绍了如何改写summernote的onImageUpload方法,以将图片上传到服务器而不是以base64格式存储。此外,文章讨论了如何利用MutationObserver进行图片的实时监测和删除。作者提供了基于jQuery和PHP的解决方案,并提醒读者注意图片大小可能导致的PHP配置问题,如max_execution_time、post_max_size和upload_max_filesize。代码实现可在GitHub上找到。
摘要由CSDN通过智能技术生成
  1. 首先,声明,先去自行了解什么是summernote富文本编辑器:https://summernote.org/
    个人看法:主要是为了后台可以进行编辑,就好比你在公众号写文章,也是基于富文本编辑器来写的。

     
  2. 为什么选用summernote?原因有几点
    (2.1)summernote支持bootstrap前端框架:http://www.bootcss.com/,现在bootstrap使用非常普遍了,最主要的亮点就是响应式布局,而且手机(移动设备)优先。非常适合现在庞大的手机用户浏览。所以summernote也非常适合在手机进行文本编辑

    (2.2)bootstrap也有自带的富文本编辑器:bootstrap-wysiwyg,但是为什么不用这个呢?原因是summernote可以插入视频。但是其他很多富文本编辑器也可以插入视频啊?我说的是国内的视频,其他国外富文本编辑器大多数只能插入YouTube了,而summernote很神奇,可以插入腾讯视频,优酷的也行,所以非常推荐编辑文本时候需要插入视频的小编使用summernote。

    (2.3࿰
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值