官网: wangEditor - 轻量级 web 富文本编辑器
先说下背景吧,领导安排做个富文本编辑器。在编辑好文章直接保存html用小程序展现出来。看了下设计图感觉挺简单的,脑子一热打算全部手写。结果写了没两行代码就写不下去了。然后领导发了个网址让参考着做:图文排版 H5 - 秀米XIUMI,大家可以看下
然后后从网上筛选能用的编辑器 最开始用的Quill,花了几天的时间配置加研究结果发现插入代码有巨坑。插入的是带样式,带边框的那种,插入进去后无法删除
大概的效果图是这样的。浪费了大约一周的时间吧,发现的问题越来越多,决定弃坑
然后从网上翻遍各种资料,决定下手wangEditor
本人框架是的是react
那就直接上手开始吧:
npm i wangeditor --save
一定要看看本地wangeditor版本是不是最新的ÿ