chiyu_git

通过详细的解析和实例，本文将带您了解如何使用contenteditable技术以及Selection Range api 开发替代传统的textarea的夸框架组件，解决其中遇到的各种稀奇古怪的问题。

进入富文本编辑器的神奇世界，探索Selection与Range的妙用！无论你是一名开发者还是一个对技术充满好奇心的爱好者，这篇技术博客将为你揭开富文本编辑器背后的秘密。

本文将深入探讨 ProseMirror 中更高级的 UI 定制方案，通过详细分析和实际操作，你将学会如何构建一个定制化的代码编辑块，实现代码高亮、行号显示等功能。

本文深入分析了Prosemirror 中的选区与光标系统，并分享了mark 从定义到实战的大量示例，俗话说”基础不牢，地动山摇“，没有掌握足够的工具，面对复杂场景是没有解决方案的，如有需要可以仔阅读。

Prosemirror 中位置系统就像操作者的眼睛，Mappable 代表了位置的变换，只有明确地知道位置变化的规则，才能准确无误地找到对象更新内容，本文将带你深入map部分的源码，深入浅出了解清楚它

本篇将进入 Prosemirror 高级篇，我们将会以 prosemirror-history 用到的核心技术为主线，探索 prosemirror 的核心概念，本文将会带你认识文档的原子操作 Step

本文主要介绍了Prosemirror 中的插件系统，通过探索 Prosemirror Command 原理，以及两个实战小案例，来深入了解 Prosemirror 的使用方式。

本文探索了 Prosemirror Schema 中 Node 的定义，通过实际案例，详细了解了 Node 的特殊属性带来的特殊行为。展示了可以实现（飞书文档、WPS智能文档）类似编辑器的底层细节。

在这篇文章中，我们将深入探讨 ProseMirror Schema，它是构建编辑器的基石。我们将详细了解 Schema 的构成，包括特殊节点的使用方法，以及注意事项，帮助大家对其有个全面深入的了解。