在线文档技术揭秘开篇 - 富文本编辑器

前言

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

富文本编辑器

富文本编辑器，Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器，所见即所得的文本编辑器。

富文本编辑器 - 常见交互

• 内容输入区域
• 输入内容
• 选区 & 操作
• 操作栏
• 顶部工具栏
• 侧边栏
• 内嵌工具栏
• 右击菜单

富文本编辑器 - 分级

富文本编辑器通常会做3个分级：L0、L1 和 L2

L0

依赖浏览器特性，主要是使用到了 designMode、ContentEditable、webkit-user-modify、execCommand 等特性。早期的编辑器都采用这种方案，但可定制的空间有限。例如早期的技术产品 WYSIWYG Editor。

<div cla