HTML textarea для JavaScript и сохранить разрыв строки

Question

HTML textarea для JavaScript и сохранить разрыв строки

1

Я пытаюсь передать HTML <textarea> через JavaScript и хочу сохранить разрывы строк. Ex, когда я пишу:

Line a
Line b

Это выглядит так:

Line a Line b

Мой код:

function textwrite(){
  thetext = document.getElementById("text_change").value;    
  document.getElementById("demo").innerHTML = thetext;
}

<textarea id='text_change' oninput='textwrite()'></textarea>
    
<p id="demo"></p>

И я не хочу использовать <pre>.

user2868139 25 окт. 2018, в 16:45

Источник

1

Возможный дубликат JavaScript: как добавить разрывы строк в текстовую область HTML?
mrgrechkinn 25 окт. 2018, в 14:03
0

Возможный дубликат переноса строки сохранения в текстовой области
BambiOurLord 25 окт. 2018, в 14:06

Теги:

javascript

textarea

line-breaks

3 ответа

2

Использовать пробел:

Свойство CSS с white-space определяет, как выполняется свободное пространство внутри элемента.

со значением pre-wrap где

Сохраняются последовательности белого пространства. Строки разбиваются на символы новой строки, в <br> и, если необходимо, заполнять линейные поля.

function textwrite(){
  thetext = document.getElementById("text_change").value;    
  document.getElementById("demo").innerHTML = thetext;
}

#demo { white-space: pre-wrap; }

<textarea id='text_change' oninput='textwrite()'></textarea>
    
<p id="demo"></p>

Mamun 25 окт. 2018, в 12:29

1

Хотите добавить комментарии, объясняющие, почему это решает проблему?
Ryan Wilson 25 окт. 2018, в 14:04
0

@RyanWilson, обновил ответ с некоторыми документами .... надеюсь, теперь это имеет больше смысла ...... спасибо
Mamun 25 окт. 2018, в 14:21
1

Спасибо, это намного лучше. +1 от меня.
Ryan Wilson 25 окт. 2018, в 15:13

Показать ещё 1 комментарий

0

Для этого сначала установите для многострочного свойства textBox значение true, а затем включите в конце каждой строки следующее: "\r\n"

Paplusc 25 окт. 2018, в 13:03

Ещё вопросы

Возможный дубликат JavaScript: как добавить разрывы строк в текстовую область HTML?
Возможный дубликат переноса строки сохранения в текстовой области
Хотите добавить комментарии, объясняющие, почему это решает проблему?
@RyanWilson, обновил ответ с некоторыми документами .... надеюсь, теперь это имеет больше смысла ...... спасибо
Спасибо, это намного лучше. +1 от меня.

NullPointer · Accepted Answer · 2018-10-25T12-05-00.000Z

Замените \n, \r, \n\r с помощью </br> в java-скрипте:

var myLineBreak = thetext.replace(/\r\n|\r|\n/g,"</br>");

function textwrite(){
    	thetext = document.getElementById("text_change").value;  
      var myLineBreak = thetext.replace(/\r\n|\r|\n/g,"</br>");

    	document.getElementById("demo").innerHTML = myLineBreak;
    }

<textarea id='text_change' oninput='textwrite()'></textarea>
    
    <p id="demo"></p>

Большое спасибо :) Ваше решение работало отлично