javascript - 从textarea到div的文本具有有限的宽度和高度

Question

我需要将文本区域中的文本放入受宽度和高度限制的 div 中。 这是我的jsfiddle:http://jsfiddle.net/ptCoder/8XL7n/30/

例如:我的 div 宽度为 100px，最大高度为 100px。我需要在文本区域中输入文本，该文本将出现在 div 框中。

这是另一个示例，但效果不佳:Limit text length based on fitting text inside fixed width and height box

我需要实现删除、退格和复制/粘贴等功能。

我尝试用以下代码阻止高度尺寸:

if (currentHeight >= window.maxHeight) {  
    //alert('sim');
    var $th = $(this);
    $th.val($th.val().replace(/./, function(str) {
        return '';
    }));
    e.preventDefault();
}

但是我在删除、退格键和复制粘贴等方面遇到了错误......

另一个问题是文本在文本区域中消失......

Answer 1

为什么不能只使用 max-width 和 max-height？

#target {
    max-width:200px;
    max-height:200px;
}

这应该会限制目标的大小。