检测具有特定高度的 Draft.js 编辑器的结尾

Detect end of Draft.js Editor with specific height

我正在尝试使用 Draft.js 和 React 制作一个简单的测试编辑器。

我希望我的编辑器看起来像 Word 或 LibreOffice:具有给定高度的页面,当您到达页面底部时会创建一个新页面。

我有一个大小合适的编辑器,但我还没有找到一种方法来检测页面是否已填满以及是否需要创建新页面。

有人知道这件事吗? API 中有什么我遗漏的吗?或者我必须手动实现它?

你不会找到一个简单的答案,因为 HTML 没有 "pages"

的概念

我正在开发一个 React 组件,它可以检测内容的高度并尝试缩放到适合内容所需的页面数量。

https://github.com/moodysalem/react-page-div/

您可以在 React 页面中使用编辑器 div,但不要包含任何在打印时可见的控件。

至于我的项目,我能够应用与 Moody 相同的方法。在 ComponentDidUpdate 上手动检查编辑器容器的高度,并添加一个 div 与具有边框的编辑器容器内联,并且绝对顶部的位置等于纸张的高度(例如 11in)。