jquery - 在文本区域的 div 中设置 html 时保留换行符 - Jquery

Question

我得到了这个小 html -:

<div id="viewOne"></div>
<textarea id="viewTwo"></textarea>
<button id="copyToDiv" value="Copy to Div"></button>

这是我的 Jquery 片段-：

$("#copyToDiv").on("click",function(){ $("#viewOne").html( $("#viewTwo").val() ) });

但它new line characters从 textarea 的 val 中剥离，我得到的是带有新行的字符串。设置 div 的 html 时如何保留换行符。非常感谢您的帮助:)

score 2 · Accepted Answer

新行被保留，但不转换为 HTML 新行 ( <BR/>)，因此它们被忽略。

您可以将它们转换为<BR/>with .replace：

$("#copyToDiv").on("click",function(){ $("#viewOne").html( $("#viewTwo").val().replace("\n","<br/>") ) });

score 0 · Accepted Answer

<div id="viewOne" style="white-space: pre-wrap;"></div>
<textarea id="viewTwo"></textarea>
<button id="copyToDiv" value="Copy to Div"></button>

white-space: pre-wrap;告诉元素保留换行符和其他空白字符并实际回答这个老问题。

2 回答 2