1

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

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

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

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 事件都会调用此函数。但我认为这不是最好的方法，它有一些错误。

4

2 回答 2

1

简单..同时给 textarea 定义 rows 和 cols 属性给该 textarea 像

<textarea rows="10" cols="30"></textarea>
于 2013-06-11T11:50:48.763 回答
0

尝试这个

    <script type="text/javascript">
    $(document).ready(function () {
        var max_line = 4, max_char = 10;
        $('#addAccordion').click(function (event) {
            var lines = $('#cmt_content').val().split('\n');
            for (var i = 0; i < lines.length; i++) {
                if (lines[i].length > max_char) {
                    alert('character length is more than specified');

                }
            }
            if (lines.length > max_line) {
                alert('new line is not allowed');

            }
        })
    });

</script>
<div>
    <textarea id="cmt_content" rows="10" cols="60"></textarea>
    <br>
    <input id="addAccordion" type="button" value="ADD COMMENT" />
</div>
于 2013-06-11T12:00:52.897 回答