在textarea中设置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() ) });

但它从textarea的val中删除new line characters，我得到的是删除了新行的字符串。如何在设置div的html时保留换行符。 非常感谢您的帮助：）

Answer 1

新行已保留，但未转换为HTML新行（<BR/>），因此会被忽略。

您可以使用<BR/>将其转换为.replace：

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

Answer 2

<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; 告诉元素保留换行符和其他空白字符并实际回答这个老问题。