前端富文本编辑器其实很多，也有很多基于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
网站首页
示例
示例
网友评论