解决textarea中的空格和换行符的问题

textarea中的空格和换行的问题

解决textarea中的空格和换行符的问题

获取textarea文本框中用户输入的值时，利用jQuery的val()方法获取到之后显示，无论在文本框中输入多少空格和换行符，获取之后的值，如果不是显示在textarea中时 ，空格和换行不会按照textarea中的效果展示，这是因为：
在页面显示的时候换行符是<br> 标签，空格符是 &nbsp，而内容在 textarea 中显示时的换行符是 \n ，若想保留空格和换行，需要进行处理。

解决办法

<textarea class="content" cols="10" wrap="physical"></textarea>

将文本框中的 \n 替换为html中的<br>标签，将空格替换为&nbsp，并进行全局匹配。

var $text = $(".content").val().replace(/\n/g,"<br>").replace(/ /g,"&nbsp");

文本框输入：

显示：