0

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

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

当用户在这个 div 中输入内容时，他的空间（高度）用完了 - 我希望内容应该移动到下一个 div（这个下面的另一个 div）

如何做到这一点？我可以监听 div 上的事件并继续检查高度（它是否已经超过 200 像素），然后呢？

对于不可编辑的文档，我可以找到许多解决方案，但对于我的问题却没有。

任何指针表示赞赏。谢谢。

4

1 回答 1

0

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

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

  • 检查内容的高度是否大于 200px
  • 如果是真的，创建一个新的div并将内容放入其中
  • 将新项目附加到分页（可能是显示创建的 div 的一种方式）
  • 清理可编辑的 div

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

于 2013-07-29T15:07:54.463 回答