WindRunnerMax

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

昨天突发奇想想总结分享一下我做过的项目，因为写过的东西还是比较多的，所以也总结了好久。计算机还是非常有意思的，我也希望能够保持对于技术的好奇心，同样也希望能做出一些有意思的项目来获得一丝成就感。

概一个月前，我发现掘金老是给我推荐Canvas相关的内容，比如很多 小游戏、流程编辑器、图片编辑器 等等各种各样的项目，于是我也通过手写Canvas引擎实现了简历编辑器。

在前一段时间，我想在手机上向电脑发送文件，因为要发送的文件比较多，所以我想直接通过USB连到电脑上传输，之后发现手机竟然无法被电脑识别，于是便仿照AirDrop借助浏览器实现了局域网的文件传输能力。

在先前我们我们实现了SSE流式输出的实现，以及基于向量检索的RAG服务。这里我们再来聊一下在SSE流式输出的基础上，将Markdown解析和富文本编辑器的渲染结合，建设文档领域的部分AI Infra。

在先前我们实现了编辑器选区和模型选区的双向同步，来实现受控的选区操作，这是编辑器中非常重要的基础能力。接下来我们需要在编辑器选区模块的基础上，通过浏览器的组合事件来实现半受控的输入模式。

学习RAG最好的时间是22年底，其次是现在。RAG服务和当前的AI Infra建设有着密切的关系，作为基础建设的RAG是一个以搜索为核心，围绕各种数据、知识、LLMs等服务协作运行的复杂系统。

在先前我们基于编辑器数据模型设计了RawRange和Range对象两种选区模型。在这里我们需要将浏览器选区与编辑器选区关联起来，以此实现受控的DOM选区同步策略。

先前我们总结了浏览器选区模型的交互策略，并且实现了基本的选区操作，还调研了自绘选区的实现。那么相对的，我们还需要设计编辑器的选区表达，也可以称为模型选区。