从textarea-Jquery在div中设置html时保留换行符
我得到了这个小小的html-:从textarea-Jquery在div中设置html时保留换行符,jquery,newline,Jquery,Newline,我得到了这个小小的html-: <div id="viewOne"></div> <textarea id="viewTwo"></textarea> <button id="copyToDiv" value="Copy to Div"></button> 但是它从textarea的val中去掉了新行字符,我得到的是去掉新行的字符串。设置div的html时如何保留换行符。 非常感谢您的帮助:)新行将被保留,但不会转换为HT
<div id="viewOne"></div>
<textarea id="viewTwo"></textarea>
<button id="copyToDiv" value="Copy to Div"></button>
但是它从textarea的val中去掉了新行字符,我得到的是去掉新行的字符串。设置div的html时如何保留换行符。
非常感谢您的帮助:)新行将被保留,但不会转换为HTML新行(
),因此它们将被忽略
您可以使用将它们转换为
。替换:
$("#copyToDiv").on("click",function(){ $("#viewOne").html( $("#viewTwo").val().replace("\n","<br/>") ) });
$(“#copyToDiv”).on(“单击”,function(){$(“#viewOne”).html($(“#viewTwo”).val().replace(“\n”,“
”)));
空白:预换行
告诉元素保留换行符和其他空白字符,并实际回答了这个老问题。非常感谢Tasos Bitsios。
$("#copyToDiv").on("click",function(){ $("#viewOne").html( $("#viewTwo").val().replace("\n","<br/>") ) });