如何使用分页实现富文本编辑器？

Question

作为一个更大项目的一部分，我将实现一个带有分页的富文本编辑器。

由于之前的内容可编辑的糟糕体验，我更希望编辑器使用文档模型的方法（例如， 散文镜像和板岩 ）。

编辑器将只有少数用户可以插入的元素，因此数量特征不是很重要。

这里的难题是分页，不幸的是，我看过的其他看起来不那么体面的编辑，支持开箱即用。

我有信心我能够通过分页支持扩展现有编辑之一，但我也知道它需要大量的工作，所以我真的想从一开始做出正确的决定。

根据提供的信息，您将选择哪种方法来实现具有分页功能的富文本编辑器？

有关扩展/使用各种编辑器的过去经验的技术细节和故事非常受欢迎。

Answer 1

我们已经完成了对ProseMirror的分页。 这是一个痛苦的屁股，但有很多方法可以使它在模型中工作 - 直接建模页面，使用标记来指示页面边界等 - 只要你习惯编写自定义视图来支持你选择的表示。

关键决策的重点是

1. 您的分页需要具有多大的互动性？
2. 你的格式有多流畅？

如果您对“最终”正确的分页没有问题，并且如果您有规则来修复每行的字符（基本上是伪单一的），那么PM就可以了。 如果你需要你的分页正确并且支持多种字体，你将不得不依靠浏览器测量元素大小的能力，这意味着很多“阴影”渲染。

您可能还应该事先认识到ProseMirror是一个相对较快的文档引擎，但是对于长文档，编辑器内分页真的很棒，它仍然难以跟上工作量。 我希望核心可以在像WebAssembly这样的东西上重写，这应该为ProseMirror为这类东西做的低级计算提供了大量的加速。