Форматирование значения Textarea на каждом пользовательском вводе [закрыто] ⇐ Javascript

[Anonymous]

У меня есть Textarea, когда, когда пользователь записывает текст, содержимое должно быть автоматически отформатировано после этих критериев: < /p>

• Максимальное количество < /strong> на строке должно быть, например, 60 символов < /li>
  , если строка заканчивается с линией разрыва, линия должна быть конец (даже если строка имеет менее 60 символов). edits a word in one of the previous lines the overflowing characters of the row must be attached at the beginning of the next line

This is the algorithm I have implemented:


function format(event) {
const textarea = document.getElementById("textarea");
const start = textarea.selectionStart;
const end = textarea.selectionEnd;
textarea.value = formatText(event.target.value, 35);
textarea.setSelectionRange(start,end);
}

function formatText(value, maxLength = 60) {
let text = '';
const subtexts = [];
for (let i = 0; i < value.length; i++) {
if (value.charAt(i) === '\n' || text.length >= maxLength) {
subtexts.push(text);
text = '';
} else {
text += value.charAt(i);
}
}
if (text !== '' && subtexts[subtexts.length - 1] !== text) {
subtexts.push(text);
}
return subtexts.join('\n');
}< /code>
< /code>
< /div>
< /div>
< /p>
Этот код представляет некоторые ошибки. Давайте рассмотрим следующий текст: < /p>
test test test test test test test
< /code>
ошибки: < /p>

Когда я пытаюсь редактировать один из строк текста, добавив новые символы, переполненные символы исчезают, и новая строка добавляется после того, как я редактирую < /li>
, когда я пытаюсь добавить линейную ловушку, не добавляется лока Используйте любые библиотеки для достижения этого решения.


Подробнее здесь: https://stackoverflow.com/questions/796 ... user-input