相关疑难解决方法(0)

CSS:

 .blue
    {
     width:200px;
     height:200px;
     background-color:blue;
     color:#000000;
     overflow:auto;
    }

JavaScript的:

function addChar() {
    $('.blue').append('some text  ');
}

HTML:

<div id='blue1' class="blue"></div><br />
<a href='javascript:void(0)' onclick='addChar()'>Add</a>

div id='blue1'有overflow属性设置为auto.我想在发生溢出时检测溢出.

语境:

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

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

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

问题:

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

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

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

CSS

.page{ 
      width: 275px;
      hight: 380px;
      overflow: auto;
     }

HTML

<div class="page">dynamic text</div>

当动态文本溢出div的固定高度时,如何创建一个新的div？

例:

<div class="page">Some dynamic texts will appear here</div>

当动态文本溢出div的固定高度时,上面的内容将如下所示.

<div class="page">Some dynamic</div>
<div class="page">texts will</div>
<div class="page">appear here</div>

我已经尝试在PHP中使用wordwrap函数wordwrap($dynamic_text, 600, '</div><div class="page">');它可以运行,但是当从Ms.Words复制角色时它有问题.所以,通过检测溢出的文本,剪切它,然后将其粘贴到新的div元素是更好的解决,我猜.但是,我不知道如何使用JQuery或Javascript来做这个解决方案.

有任何想法吗？提前致谢!

我有一个在这个Stackover答案中使用的return语句,我不太明白.这里是:

return maxWidth > $this.width() || maxHeight > $this.height();

以某种方式退货意味着什么？

一旦我知道它是什么,我会在答案后编辑这个问题的标题:)