Quill 是一款非常优秀的 Web 富文本编辑器，近半年 npm 周下载量一直在 40w+ ，用户量很大。 Quill 的官网 我有时候打不开，有时候打开很慢。于是，找到一篇中文翻译的文档和当前 npm 版本很接近。 从底层实现上，Quill 也和 slate.js 一样，是…

在《从零写一个富文本编辑器（一）》中，我们实现了一个非常简单的富文本编辑器，但是，很明显的一个问题就是，我们并没有把富文本内容抽象成数据，即没有数据驱动。L1编辑器也只是部分数据驱动，没有脱离contenteditable，真正的数据驱动还得L2。 开发不友好。当开发者使用我们…

搜了一下掘金，发现富文本编辑器的文章实在是太少了，于是一时兴起，准备写一个系列，从Level 0的编辑器写到Level 2的编辑器。 从Level 0到Level 2，个人理解就是将富文本编辑器的控制权一步步由浏览器控制，变成由开发者控制。 利用浏览器的能力，我们便拥有了一个最…

... 上次介绍了 Leaf、Text、Mark 模型。今天介绍 Point、Range、Selection 模型。 Point是 点 的意思。一个 Range（范围） 由2个 Point组成，即起点和终点。Point的 key是某个Text节点的key，这个key是在单独的作…

这个系列，主要是参考的 react 开源社区的 Slate 编辑器框架来写的，其他例如draft.js等没研究过不好对比。不了解这个框架的，可以先看下这篇文章 Slate.js - 革命性的富文本编辑框架 目前有很多轻量级的编辑器，很多都是使用 document.execCom…

我是 wangEditor 的作者，目前正和开发团队做 V4.0 的重构。V4.0 发布之前的代码在 we-next ，发布之后可访问官网 。 了解富文本编辑器的同学都知道，document.execCommand 是实现网页富文本的核心 API 。但遗憾的是 document…

我们知道form表单中的input、textarea之类标签是支持内容可编辑的，但并不支持富文本，如果在这些标签里粘贴带格式的内容，会被去格式，只保留文本内容。如果想设置可编辑富文本，有两种方式： 嵌入空页面的iframe，并设置designMode属性值为“on”，这样整个文…

不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。