可编辑文档的HTML分页

我想写一个有div的HTML应用程序

contenteditable=true
height: 200px;
width: 200px;
word-wrap: break-word;

当用户在此分区中键入内容时，空间（高度）不足-我希望内容应移动到下一个分区（此分区下的另一个分区）

如何做到这一点？我可以收听div上的事件并不断检查高度（是否超过200px），然后呢

我可以为不可编辑的文档找到许多解决方案，但没有一个解决我的问题

---

欢迎指点。谢谢。

您可以检查div中内容的高度，如果内容溢出到一定高度，请将内容移动到另一个div中

要做到这一点，您必须使用一些javascript，它将在每个keydown（）处检查内容大小，如果内容对于您的div来说太大，则创建新的div。这里的关键是在每个keydown处侦听并执行此场景：

• 检查内容的高度是否大于200px
• 如果是真的，创建一个新的div并将内容放入其中
• 在分页中追加一个新项（可能还有一种显示已创建div的方法）
• 清除可编辑的div

---

在此过程中，请注意不要让您的用户丢失输入（例如一个或两个关键输入）…

谢谢您的解决方案。这是一个正确的解决方案，但负担太重。我在寻找一些支持，这是免费的吗？一定有人做过类似的事情。