Ограничение количества строк и букв в одной строке textarea, с автопереносом?

Question

[Андрей]

Нашел замечательный скрипт, который ограничивает кол. строк и букв на одной строке в textarea,

JS:

$(function(){
    $('textarea').on('keypress',function(event){
          var text = $('textarea').val();
          var lines = text.split("\n");
          var currentLine = this.value.substr(0, this.selectionStart).split("\n").length;
          console.log(lines);
          console.log(currentLine);
          console.log(lines[currentLine-1]);
          if(event.keyCode == 13) {
            if (lines.length >= $(this).attr('rows'))
                return false;
          }
          else{
             if(lines[currentLine-1].length >= $(this).attr('cols')) {
                 return false; // prevent characters from appearing
         }
    }
});
});

HTML:
<textarea rows="5" cols="15"></textarea>

Но когда пишешь текст, неудобно каждый раз переходить на новую строку нажимая enter. Как сделать, чтобы работал автоперенос на 4х строках, а на 5й строке блокировался автоперенос ?

Comments

[Галина]

К сожалению, код не работает для вставки произвольного текста.

[Андрей]

Это и не предусмотрено. На css вставка текста заблокирована.

Answer 1

[Михаил Горячкин]

Вот ваш переделанный пример:

$(function(){

    $('textarea').on('keypress',function(event){
          var text = $('textarea').val();
          var lines = text.split("\n");
          var currentLine = this.value.substr(0, this.selectionStart).split("\n").length;
          console.log(lines);
          console.log(currentLine);
          console.log(lines[currentLine-1]);
          if(event.keyCode == 13) {
            if (lines.length >= $(this).attr('rows'))
                return false;
          }
          else{
             if(lines[currentLine-1].length >= $(this).attr('cols')) {
                 if (lines.length <= $(this).attr('rows') - 1) {
                     $(this).val(text + '\n');
                 } else {
                      return false; 
                 }
             }
          }
});
});

Comments

[Андрей]

Благодарю, прекрасно работает!)

[Михаил Горячкин]

Рад помочь)