Zawijanie tekstu w input textarea

Question

W jaki sposób zrobić zawijanie tekstu wprowadzanego do input type="textarea", po wpisaniu określonej liczby znaków?

Answer 1

"Zawijanie" do nowej linii tekstu np. co każde 20 znaków.

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

const textarea = document.querySelector('textarea');
textarea.addEventListener('input', wrapTextAfterCertainLength);

function wrapTextAfterCertainLength(e) {
  const textarea_value = e.target.value.replace(/\n|\r/g,'');
  if (textarea_value.length % 20 == 0)
    e.target.value += '\n';
  
  console.clear();
  console.log(e.target.value.length, textarea_value.length);
}

 

Answer 2

Ustawienie atrybutu wrap oraz liczby kolumn i szerokości całego <textarea> powinno zadziałać.