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

Detect end of Draft.js Editor with specific height

本文关键字：Draft js 编辑器高度检测更新时间：2023-09-26

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

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

我有一个大小不错的编辑器，但我还没有找到一种方法来检测页面是否已填充，是否需要创建新页面。

有人知道这件事吗？API中有没有遗漏的东西，或者我将不得不手工实现？

你不会找到一个简单的答案，因为HTML没有"页面"的概念

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

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

您可以在react页面div中使用编辑器，但不包括任何在打印时可见的控件。

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