html-textarea使用js还原空白及换行笔记记录

使用textarea输入文章或是简介印在html，所有原本的换行与空白都不见了。
所以在这里需要做个处理，回复原本文章有换行与空白的样子。

html

<textarea name="" id="" cols="100" rows="10"></textarea><br><button>新增</button><br><span></span>

js

$(document).ready(function (){  $('button').click(function(e){    var str1 =$('textarea').val();    console.log(str1);//当遇到两个空白转换成两个   注 : 这么做是为了有其他考量 , 如果只是纯文字资料没有其他标籤符号 , 那转换一个空白就可以了 .    str2 = str1.replace(/  /g, "  ");     //textarea换行转成<br>    str2 = str2.replace(/\n/g,"<br>");$('span').html(str2);  });});