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" ,用户可能是使用的模板加进去的,或者自己是个懂点代码的,因为我们默 关注道招网公众帐号

联系博主
