2021年的一点工作总结（二）富文本编辑器 邮件项目的核心功能就是编辑邮件了，所以文本的编辑特别容易被用户吐槽了。用户报障的时候一个万能的吐槽点“没有xxx功能，不支持xxx，没有Outlook好用”。
其实作为一个web产品，如果需要更加公平的对比的话，应该远程web版网页邮箱对比（如outlook网页版），而不是客服端软件（如Outlook），普通用户不知道也不会这么对比，所以你也只能受着。。。
从原来的wangEditor替换成CK富文本编辑器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" ，用户可能是使用的模板加进去的，或者自己是个懂点代码的，因为我们默 关注道招网公众帐号
联系博主
