slate 系列 - 零宽空格在 slate 中的运用

提示

翻 slate 源码时会发现零宽空格频繁出现，比如代码 1 和代码 2。它们的作用是什么？

零宽字符在 HTML 中不会渲染出任何可见内容，日常开发中几乎用不到。但在富文本编辑器里，它有一个不可替代的作用。

slate 是基于 div[contenteditable] 的变更事件来驱动数据渲染的。在 contenteditable 元素中，零宽字符虽然"看不见"，却能独占一个 range — 这就让光标可以"停"在一个本来空空如也的位置上，避免了空节点上无法定位光标的问题。