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

Question

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

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>.

Answer 1

Заменить \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>

Answer 2

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

Answer 3

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

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

со значением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>