wangEditor一个简洁易用,功能强大的富文本编辑器,它支持在多框架中使用,快速接入,配置简单,几行代码即可生成。
官方地址:
github:
官网贴心地为我们准备了教学视频以及详细的多种框架使用教程。
该项目在GitHub开源后也收获了16k stars。
不过在前一段时间开始,wangEditor 就已经暂停了维护。当然我们还是可以继续使用,只是后面不会再有新功能和对项目进行优化了,不过就目前现有的功能也几乎能满足了大部分项目的使用需求。
项目应用
来到一个vue3项目,尝试使用wangEditor编辑器。使用之前需要安装两个相关的插件:
通过已安装的wangEditor/editor-for-vue插件,导入它的Editor,Toolbar组件,以及css样式文件:
这里使用的是官方模板,所以代码量会非常的少。
值得注意的是,vue3中编辑器实例必须用shallowRef:
虽然只有这点代码量,但是几乎实现了我们平时使用主流编辑器的一半功能。
兼容性
兼容主流的 PC 浏览器,如 Chrome Firefox Safari Edge 等
暂不支持移动端编辑(支持移动端查看)
不再支持 IE 浏览器