分析 wandEditor 源码实现和渲染流程，基于 slate.js 和 snabbdom实现富文本强大功能，借鉴优秀设计

调试分析 wangEditor 源码，理解富文本编辑器的实现原理，了解如何封装 slate.js 框架

基于WangEditor进行了一次特殊处理，使其更加易于使用和灵活。这个编辑器可以让你像写文字一样轻松地编辑富文本内容。不论你是要写一篇精彩的博客文章，还是设计一个华丽的网页，这个编辑器都能满足

业务需求：点击商品菜单，弹出选择商品弹窗，选择好商品后弹窗关闭，文章中插入商品卡片 需求拆解：新增商品菜单--注册自定义菜单；控制弹窗显隐；插入商品--自定义新元素

前言 个人觉得wangEditor是一款体验不错的富文本编辑器，还有详细的中文文档，算是非常友好了。而且编辑器可以自定义元素，扩展还是比较方便的

背景：需要做一个富文本生成H5页面的功能，就简单使用@wangeditor/editor、@wangeditor/editor-for-vue库做了个功能，涉及到wangEditor扩展新元素