最大行数可编辑

Question

如何修改下面的代码以使其与内容可编辑的div一起使用，并使它水平到达div的边界，而不是为每行设置一个值？

文本区域的工作代码：

var limit = 3;
var textarea = document.getElementById("splitLines");
var spaces = textarea.getAttribute("cols");

textarea.onkeyup = function() {
var lines = textarea.value.split("\n");

for (var i = 0; i < lines.length; i++) 
{
     if (lines[i].length <= spaces) continue;
     var j = 0;

    var space = spaces;

    while (j++ <= spaces) 
    {
       if (lines[i].charAt(j) === " ") space = j;  
    }
    lines[i + 1] = lines[i].substring(space + 1) + (lines[i + 1] || "");
    lines[i] = lines[i].substring(0, space);
}

textarea.value = lines.slice(0, limit).join("\n");
};

正如我所说，我不想为每行设置一个限制，而是希望它水平达到div的限制。