本文介绍如何在 Quill 富文本编辑器中实现自定义标签功能。通过继承 BlockEmbed 创建自定义Blot，实现不可编辑的标签块。文章提供了完整的实现代码和踩坑经验，帮助开发者快速实现类似需求。

在先前我们讨论的主要是模型层以及核心层的设计，即数据模型以及编辑器的核心交互逻辑，在这里我们以React为例，讨论如何将编辑器的视图层与核心层交互搭建起来。

你好，我是 Kagol，个人公众号：前端开源星球。 TinyEditor 是一个基于 Quill 2.0 的富文本编辑器，在 Quill 基础上扩展了丰富的模块和格式，功能强大、开箱即用。

你好，我是 Kagol，个人公众号：前端开源星球。 TinyEditor 是一个基于 Quill 2.0 的富文本编辑器，在 Quill 基础上扩展了丰富的模块和格式，功能强大、开箱即用。

你好，我是 Kagol，个人公众号：前端开源星球。 TinyEditor 是一个基于 Quill 2.0 的富文本编辑器，在 Quill 基础上扩展了丰富的模块和格式，功能强大、开箱即用。 源码：ht

你好，我是 Kagol，个人公众号：前端开源星球。 这是《深入浅出 TinyEditor 富文本编辑器系列》的第2篇，帮助你快速高效地开始使用 TinyEditor。

你好，我是 Kagol，个人公众号：前端开源星球。 TinyEditor v4.0 已正式发布，接下来将通过一系列文章介绍 TinyEditor，让大家更好地理解和使用 TinyEditor。 🎉历时

在长达1年的开发和打磨后，我们荣幸地宣布 TinyEditor v4.0 正式发布！这个版本汇聚了团队的心血，带来了激动人心多人协同编辑新功能、以及大量体验优化和稳定性改进。

--- theme: cyanosis highlight: atom-one-dark ---