在溢出时创建一个新div并将溢出文本传输到新div

Bor*_*uff 7 html javascript css jquery

语境:

我正在开发一个项目,如果正确完成,应该作为专门的文本编辑器.它特别需要页面输出,所以不像大多数在线文本编辑器可以简单地使用不断扩展的文本框或机械相似的东西我正在寻找一种方法来创建一个"新页面"(一个新的容器div本质上)当它溢出它的一个.

我找到了一个相关的stackoverflow问题,从我的搜索看来,大多数解决方案都不是最好的主动更改文本,更适合在页面渲染中使用.在最佳情况下,它应该像在word文档上创建一个新页面(在它溢出时自动创建它)并使用javascript/jquery.

我意识到这样做可能比最初看起来更复杂,但我希望有人知道一篇文章或一段代码可以指出我正确的方向.

问题:

我想我可以实际处理"创建新页面"(下一个容器div),但我不确定如何处理文本溢出主动.例如,如果某人删除了第一页上的某些文本,如果第二页上的文本只是挂在那里,那将非常笨拙.我希望文本/页面的反应至少与编辑word文档时的方式相似.

我不想在每次添加或删除字符时检查文本,但这是否是这样做的唯一方法?如果是这样,对我来说最有效的方法是什么,所以我不会陷入浏览器的困境.

这是我正在努力提供更多背景的项目http://www.naturalcrit.com/homebrew/

Bor*_*uff 1

我认为对于功能性和简单性来说,最好的答案是使用 CSS3column并允许它横向扩展。然后向列或其他元素添加样式,使它们看起来像页面。添加一个 x 轴滚动条来滚动伪页面(这只是许多具有固定高度的列)并且实际上已完成。

这意味着页面将从左到右而不是上下移动,但这根本不是一个糟糕的解决方案。感谢@Twisty 使用我已经在使用并且可以轻松访问的东西提供的简单解决方案。它甚至不涉及代码,只涉及一些 CSS!