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

时间:2016-04-18 19:14:40

标签: javascript reactjs draftjs

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

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

我有一个尺寸合适的编辑,但我还没有找到一种方法来检测页面已填满并需要创建新页面。

有没有人对此有所了解?我在API中是否遗漏了任何东西,或者我必须手动实现这个?

2 个答案:

答案 0 :(得分:2)

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

的概念

我正在处理一个检测内容高度的React组件,并尝试扩展到适合内容所需的页数。

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

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

答案 1 :(得分:0)

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