iframe - contenteditable iframe 可编辑高度限制

Question

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

例如：height: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:

$(文档).ready(函数(){

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', '');
    }
});

});

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

Answer 2

这是一个简单的 jQuery，可以在 iExplorer、Firefox 和 Crome 上运行：

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

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