0

Здравствуйте. У меня есть поле для ввода текста, но когда я передаю его значение в переменную, то оно не совсем корректно передается. Суть в том, что если например поставить перенос строки в textarea ентером то в переменную оно передается как одна строчка без переноса. И ещё если вводить текст до конца поля он автоматически переносится, но в переменную всё равно идет просто строка и на следующем выходе в блок помещается текст который вылазит за его границы. Может есть какие-то корректные способы извлечения значения из textarea? Или можно ли как-то задать, что если текст переходит границу блока чтобы он делал перенос строки. Например заносился в div и чтобы этот div не мог выходить за границу родителя. Спасибо

1
  • не знаю, как правильно но я в свою текстареа добавлял цсс : white-space: pre-wrap; чтобы вообще переходы на новую строку отображались, мб это и вам поможет ? 11 июл 2017 в 13:13

3 ответа 3

5

const textarea_to_div = e => div.innerHTML=textarea.value.replace(/\n/g,'<br/>');
textarea_to_div();
textarea.oninput = textarea_to_div; 
<textarea id='textarea'>
Перенос
переносов.
</textarea>
<div id='div'></div>

0

Попробуйте копнуть в сторону contenteditable.

$('.block').on('input paste keyup', function() {
  console.log($(this).html());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block" contenteditable="true">Введите текст</div>

-1

сss для элемента, в котором текст выходит за границу

overflow-Y:scroll;

Для того, чтобы текст переносился на новую строку, нужно вставлять тег <br>, я думаю

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.