javascript - Textarea 将文本拆分为行和列

Question

嗨，我正在处理一些需要具有这种功能的文本区域:我在配置中获取最大行数和每行最大字符数。但我想不出任何将文本拆分为此配置值的算法。这很容易，但我必须考虑到用户可以自己中断文本，这应该包括在内......任何人都可以帮助我吗？

另请注意，我没有使用等宽字体。

我编写了一些代码来展示我想要实现的目标:

splitIntoLines:function (str, lines, maxCharactersPerLine) {
var strLen = str.length,
    counter = maxCharactersPerLine,
    newStr = '';

if (str.length > 0) {
  for (var i = 0; i < strLen; i++) {
    newStr += str[i];
    counter -= 1;

    if (str[i] === '\n' || str[i] === '\r\n' || counter < 0) {
      counter = maxCharactersPerLine;
    }

    if (counter === 0 && this.countLines(newStr) < lines) {
      newStr += this.newLine;
    }
  }
}

if(newStr.length > this.maxChars){
  newStr = newStr.substring(0, this.maxChars)
}


return newStr;

}

每个 keyUp 事件都会调用此函数。但我认为这不是最好的方法，并且存在一些错误。

Answer 1

简单..同时为文本区域定义行和列属性，例如

<textarea rows="10" cols="30"></textarea>