WindRunnerMax

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

你肯定知道 CSS 的 border-image 属性，但可能从未真正使用过它，或者你曾经尝试过，却被它的切片逻辑弄得晕头转向。确实，border-image 的语法有些复...

先前我们提到了，数据模型的设计是编辑器的基础模块，其直接影响了选区模块的表示。选区模块的设计同样是编辑器的基础部分，编辑器应用变更时操作范围的表达，就需要基于选区模型来实现...

在富文本编辑器中，序列化与反序列化是非常重要的环节，其涉及到了编辑器的内容复制、粘贴、导入导出等模块。当用户在编辑器中进行复制操作时，富文本内容会被转换为标准的HTML格式...

我们使用Git来管理项目的时候，可能会提交一些Blob的二进制文件，这些文件并不能像文本文件一样采用diff delta的形式进行版本控制。...

在复杂应用中，例如低代码、富文本编辑器的场景下，数据结构的设计就显得非常重要，这种情况下的状态管理并非是redux、mobx等通用解决方案，而是需要针对具体场景进行定制化设...

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

本文旨在通过从 prosemirror 的顶层设计入手，以一个小案例，拉通 prosemirror 的核心概念，并理清其中的关系，帮助大家快速认识和入门 prosemirr...

从零实现MVC架构的编辑器，将应用程序分为控制器、模型、视图三个核心组件，通过控制器执行命令时会修改当前的数据模型，进而表现到视图的渲染上。...

前言 在平时写文章的过程中，相信大多数同学用的都是 markdown 编辑器， markdown 可以理解成为一种标记，通过一些标准的规则去规定某一个字符串是某种特定的类型...

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

警告！不要在 ChatGPT 里问最新 o1 模型是怎么思考的—— 只要尝试几次，OpenAI 就会发邮件威胁撤销你的使用资格！...

前言 我们现在来想这么一个场景，在掘金的文章管理页打开了一篇文章草稿，然后点击编辑，这个时候打开新标签页 A ，再点击一次编辑，打开了标签页 B 。 此时如果你在 A 编辑...

简单调研一下 contentEditable 属性，利用该属性快速封装了一个小组件来完成产品需求......

从 kanvajs 到 canvas 再到 gpu，整个渲染过程中，如何用 js 渲染出图形的，浅谈canvas的优化方向。...

先前通过`BGF`处理了`Git`历史`Blob`文件，这个过程中发现`Mac`系统无法直接选中某些文件夹的硬盘总数占用，所以只能通过`du`命令来查看相关文件夹的大小。...

CRDT（无冲突复制数据类型）是一种能在网络多台计算机上复制的数据结构，副本可独立并行更新且无冲突，最终能达成一致。...

这是在线文档技术的第二篇文章，本文将对目前市面上所有的主流编辑器和在线文档进行一次深入的剖析和研究，从而使大家对在线文档技术有更深入的了解，也让更多人能够参与其开发与设计中...

Ubuntu20.04配置CuckooSandbox环境 因为最近要做恶意软件分析，阅读论文发现动态分析的效果普遍比静态分析的效果要好一些，所以需要搭建一个动态分析的环境，...

前言 对前端来说开发一个在线文档需要啥技术呢？想一下，开发一个在线文档我们可能要解决的问题： 最基础的文本编辑功能(哦？好像textarea就可以完成，那如果是富文本呢？)...