基于vue的html编辑器,基于vue富文本编辑器的慢慢人生路

最近需要用到富文本编辑器插件,项目是用VUE框架搭建的 所以这里就专门介绍几款有关vue的富文本插件:

项目中趟过了很多坑,特记下供大家借鉴,希望大家不要重滔我的复撤 本文章只介绍插件 具体使用方式可自行百度

由于编辑器编辑的内容需要在小程序 能完美显示,并且能和小程序富文本编辑器完全打通

1.百度的ueditor (网上都这么说)(没有缘分,果断放弃)

优势：开源，插件多，基本满足各种需求， 由百度web前端研发部开发。

不足：比较庞大，对于网页的加载来说，会相对影响速度 ,界面不太美观。

官方的wiki文档并不是很完善，图片只能上传到本地服务器，如果需要上传到其他服务器需要改动源码，较为难办，加载速度慢。

功能强大  UI经典

2.bootstrap-wysiwyg  (网上都这么说)(不能满足需求,果断放弃)

优点：外观简洁大方，使用方便，支持网站充分利用Bootstrap、Font Awesome等工具库的优秀特性

没有强制规定的样式。

缺点：没有表情包 , 没有开发文档不便于阅读使用，无字体变色，无视频上传功能

以上两个插件我没使用,可能是真的因为缘分不够吧 如果你喜欢尽管拿去用

下面介绍一下我的漫漫入坑路 从Vue-Quill-Editor 说起吧

第一个编辑器

这个编辑器还是可以的 页面简单大气 上手快,文档配置简单,在管理后台中使用完全no problem,