contenteditable iframe可編輯高度限制

Question

我正在使用yui編輯器。我想知道是否有可能限制可編輯高度區域。

ex：height：300px，所以超過300像素，卡爾停止寫作。

感謝

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

}）;

當用戶輸入字符時，您可以在編輯器面板上執行一些代碼&計算長度並在限制超過時返回false。

Answer 2

這是一個簡單的jQuery，可以在IEXPLORER，Firefox和克羅默工作：

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

還加了20個像素，只是爲了避免任何滾動條，但你可以嘗試的下限。