前端富文本编辑器其实很多,也有很多基于vue的,但是我还是想在这里推荐一下我个人开发的一套富文本编辑器,没有基于document.execommand语法,底层数据驱动视图更新
说到这里,首先得说下底层的富文本编辑器框架alex-editor:alex-editor
alex-editor是一款完全基于原生JS封装的轻量级前端富文本编辑器,并且摒弃了已经废弃的document.execCommand语法,通过数据来驱动dom的渲染
完全基于原生JS封装,不依赖其他插件
轻量级,打包后的umd文件只有70多Kb的大小
摒弃了document.execCommand语法,内部自己实现了对编辑器的各种操作
通过维护一组内部封装的对象数组来更新编辑器内容,体现了数据驱动视图的思维
可拓展性强,内部通过浏览器的Selection/Range对象来操作光标,配合数据驱动,能够定义各种复杂的富文本操作,不会局限于浏览器限制和语法限制
只实现了底层逻辑,具体富文本编辑器的菜单需要自己实现,本身alex-editor没有任何UI样式
vue-editify是基于alex-editor二次开发的一套组件库,alex-editor不适合拿来直接使用,另外vue-editify基于vue开发,本身作者本人也是一位vue的开发热爱者
vue-editify提供了大量的现成的语法来操作编辑器,基本上没有特别的需求,不会再需要用到底层的alex-editor,当然如果你需要特殊需求,也是可以调用底层对象和方法的
如果你觉得vue-editify还不错,欢迎访问:ling0523