html手机端富文本,移动端富文本踩坑

本文介绍了在Vue项目中选择移动端富文本编辑器的经验,包括vue-quill-editor、summernote、medit等,并分享了在iOS设备上遇到的兼容性问题及解决方法,涉及fastclick库的使用和修改,为开发者提供参考。
摘要由CSDN通过智能技术生成

最近在做一个vue的项目。之前的前端同事离职了,和女朋友去云南潇洒去了,剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月,尽快做出来。在网上找了不少编辑器,前段时间做过react的后台项目,用了百度的编辑器。功能很多很强,遗憾的是ios不支持flash,在移动端并不适用。因为要兼容ios和Android,而且还要在vue的项目中使用,在网上找了很多编辑器。

一: vue-quill-editor (亲测是vue项目最好的一个轻量级编辑器)

注:图片上传方式是base64,默认转换且并不上传

https://surmon-china.github.i...

二:summernote (利用bootstrap搭建的响应式轻量级编辑器)

注: 图片上传有两种方式: 1. 转换成base64且不上传 2. 通过url方式上传图片

https://summernote.org/

三:medit (一个专注于移动端的轻量级编辑器)

实测:在ios相对高版本中(好像已经11.多了),换行和文字编辑对ios的兼容已经很差了。

https://medit.js.org/

四:vue-html5-editor (一个简单灵活富文本编辑器,适用于vue2.0以上版本的,对IE11也支持)

注:图片上传方式是base64,默认转换且并不上传

https://www.npmjs.com/package...

五:jquery-qeditor (轻量级文本编辑器,兼容性: jq你懂的)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值