huuyii

大家好，欢迎来到哈希茶馆！今天我们聊一个 HTML 中非常实用但可能被一些开发者忽略的属性——contenteditable。顾名思义，这个属性可以让你的 HTML 元素变得可编辑，就像一个迷你版的输

数据模型的设计是编辑器的核心基础，其直接影响了选区模型、DOM模型、状态管理等模块的设计。我们从零实现的富文本编辑器就需要从数据模型的设计开始，之后就可以逐步实现其他模块。

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

前言 - 克服焦虑，前端未死！来学习富文本的基石，本来今年想月更，然后月更变成季更了，争取后面有时间就产出文章，记录生活中学习的过程

引言 这是深入浅出 Quill 系列的第2篇。 上一篇我们介绍了 Quill 的基本使用和配置，相信大家能够使用 Quill 搭建一个简单的富文本编辑器啦。 不过实际的业务场景可能更复杂，有更多定制的

我也算是比较关注于各类富文本编辑器的实现，包括在各个站点上的编辑器实现文章我也会看。但是我发现这其中极少有讲富文本编辑器的底层设计，因此我想着从零实现富文本编辑器，并且积累相关经验。

协同编辑一直是一个技术上具有挑战性的领域，其中数据一致性问题尤为复杂，但随着各种技术迭代，目前已经有了比较成熟的解决方案，下面会介绍介绍 CRDT 以及其开源方案 Yjs 的协同方案，并通过demo

本文带大家分析了Yjs的API、y-websocket 的实现原理、Yjs的应用及底层协同模型，并使用Logic Flow 简单实现了其协同，大致的协同实现都有类似的思想

前言 很多读者会来问我，Vue 该怎么规划学习路线，或者大概进行到某个阶段了，该怎样继续深入。所以我决定根据我自己学习的心路历程，总结一篇 Vue 从入门到精通的路线。 跟着这篇文章走下来，对 Vue