Question

我正在使用yui编辑器。我想知道是否可以限制可编辑的高度区域。

ex：身高：300px，超过300px，carret停止写字。

感谢

Answer 1

html:

<textarea id="countMe" cols="30" rows="5"></textarea>
<div class="theCount">Lines used: <span id="linesUsed">0</span><div>js:

（文档）$。就绪（函数（）{

var lines = 10;
var linesUsed = $('#linesUsed');

$('#countMe').keydown(function(e) {

    newLines = $(this).val().split("\n").length;
    linesUsed.text(newLines);

    if(e.keyCode == 13 && newLines >= lines) {
        linesUsed.css('color', 'red');
        return false;
    }
    else {
        linesUsed.css('color', '');
    }
});

}）;

当用户输入字符＆amp;时，您可以在编辑器面板上执行一些代码。如果限制超过，则计算长度并返回false。

Answer 2

这是一个简单的jQuery，可以在Explorer，Firefox和Chrome上运行：

 $('#my_frame').load(function () {  
        $(this).height($(this).contents().find("html").height()+20);
    });

我添加了20个像素以避免任何滚动条，但您可以尝试下限。

contenteditable iframe可编辑的高度限制

2 个答案: