富文本编辑器wangEditor迁移CKEditor前后效果对比 一、背景
富文本编辑器wangEditor的工具栏如图所示
富文本编辑器CKEditor4工具栏如图所示
二、wangEditor编辑器存在问题
1. 字号和字体设置不友好
客服反馈无法快速通过工具栏图标找到设置字号、字体的功能
老版编辑器设置字体（或字号）与许多主流编辑器及Office软件操作有所不同，不支持先设置字体（或字号）再进行输入文字，只能先选中wangEditor富文本编辑器改造记录之一——了解wangEditor结构 最近鉴于项目要求，需要对自己使用的富文本编辑器进行改造。
我们首先简单了解下wangEditor的源码结构
第一步：polyfill
当然现在这些基本都用不上了，现代点的浏览器都支持这些方法的
基于document封装了一套dom操作类DomElement
里面有 forEach 、 css 、 show 、 on 、 addClass 、 children 、 find 、在iframe中使用富文本编辑器wangEditor 自己做的邮件项目里面需要使用到富文本编辑器，邮件内容说白了就是HTML代码。前任使用的是wangEditor，部分定制化需求就是直接改的源码。
最近发现有的用户的邮件内容加进去的很多css信息，比如
<link rel="stylesheet" href="style.css" ，用户可能是使用的模板加进去的，或者自己是个懂点代码的，因为我们默 关注道招网公众帐号
道招开发者二群
