HTML 文本区域转为 javascript 并保留换行符

Question

我正在尝试通过 JavaScript 传递 HTML <textarea>，并希望保留换行符。例如，当我写的时候：

Line a
Line b

结果是：

Line a Line b

我的代码：

Line a
Line b

Line a Line b

而且我不想使用<pre>标签。

Answer 1

使用空格：

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

Answer 2

将\n, \r,替换\n\r为</br>java 脚本中的：

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

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;
    }