写在前面 遥想刚入行的时候在一个媒体类的互联网单位，既然是媒体单位，文案的在线编辑，自然而然成为了一个不可绕过的坎 于是web端的富文本编辑器进入了我的世界，要知道富文本这个东西号称前端清华（这是一个

像这样的一个富文本编辑器，它背后的工作原理是什么呢？ 其实只要清楚这两个问题就好了。第一个问题就是：在浏览器上我们如何去呈现富文本。第二个就是：在浏览器上我们如何去编辑富文本

编辑器向来是前端领域的一个难点，也是一个天坑，从头开始做一个编辑器将是一项巨大的工程，本文主要是结合自己的理解，对编辑器相关知识进行整理，跟大家分享。

作为富文本开发爱好者，经常会听到用户抱怨粘贴 WPS Word 时文本样式缺失、解析异常（出现大量 CSS 文本）、或者多张图粘贴时图片无法访问的问题。我将在这里给出较可行的方案。

本文旨在向大家介绍在线文档的核心模块富文本编辑器技术，并介绍业内主流商业文档产品如何进行富文本编辑器技术选型。

所谓 L1 能力，即弃用浏览器自带的 execCommand ，自己来实现富文本样式操作。 我从 4.3 开始陆续业余时间调研，目前已有 2-3 周，分享一些调研记录。