上下文
我正在开发一个项目,如果正确完成,应该作为专门的文本编辑器。它特别需要页面输出,所以不像大多数在线文本编辑器可以简单地使用不断扩展的文本框或机械相似的东西,我正在寻找一种方法来创建一个"新页面" (基本上是一个新的容器div)当它溢出它的时候。
我找到了一个related stackoverflow question,从我的搜索中看来,大多数解决方案都不是最适合主动更改文本的,并且更适合在页面渲染中使用。在最佳情况下,它应该像在word文档上创建一个新页面(在它溢出时自动创建它)并使用javascript / jquery。
我意识到这样做可能比最初看起来更复杂,但我希望有人知道一篇文章或一段代码可以指出我正确的方向。
问题:
我认为我可以实际处理"创建新页面" (下一个容器div)但我不确定如何处理主动溢出的文本。例如,如果某人删除了第一页上的某些文本,如果第二页上的文本只是挂在那里,那将非常笨拙。我希望文本/页面至少以类似对您在编辑Word文档时的反应方式做出反应。
我不想在每次添加或删除字符时检查文本,但这是否是这样做的唯一方法?如果是这样,对我来说最有效的方式是什么,所以我不会陷入浏览器。
这是我正在努力提供更多背景http://www.naturalcrit.com/homebrew/
的项目答案 0 :(得分:1)
我认为功能和简单性的最佳答案是使用CSS3 column
并允许它在横向扩展。然后将样式添加到列或其他元素,使它们看起来像页面。添加一个x轴滚动条来滚动伪页面(这只是很多具有固定高度的列)并且实际上已完成。
这意味着页面将从左到右而不是向上和向下,但它根本不是一个糟糕的解决方案。感谢@Twisty使用我已经使用的东西并且可以轻松访问的简单解决方案。它甚至不涉及代码,只是更多的CSS!