如何限制 contenteditable div 中的行数

Question

我有一个 contenteditable div 并且想使用 jQuery 或 JS 来限制最大行数。

编辑 2： 当它为新行创建 divs 时，如何在粘贴文本时从最后一行（限制 - 最大行）继续？

Answer 1

您可以使用 jQuery 来计算在您的 contenteditable div 中作为换行符创建的新 div 的数量，并删除 contenteditable 属性如果这个数字达到给定的限制。

注意：这可能不适用于 IE，因为据我所知，IE 使用 <p> 换行。

HTML:

<div id="test" contenteditable="true">--- Insert text here ---</div>

jQuery:

$(function(){
    $("#test").on("keyup", function(){
        if ($("#test div").length > 5) {
            $("#test").prop("contenteditable" , false);
        }
    });
});

如何限制 contenteditable div 中的行数

How to limit number of lines in contenteditable div

html

javascript

jquery

limit

contenteditable