Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从textarea-Jquery在div中设置html时保留换行符_Jquery_Newline - Fatal编程技术网

从textarea-Jquery在div中设置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

我得到了这个小小的html-:

<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/>") ) });