textarea 存储与显示 保持格式

今天遇到的一个问题：在数据添加页面的textarea框中写入有回车换行和空格的数据，但是传到数据库之后显示到网页上的内容却没有格式，全部排成了一排

网上查了很多，终于使得网页和textarea里格式保持一致了，这里记个笔记

js函数：               

/**
* @funciton 转换textarea存入数据库的回车换行和空格  textarea ---  数据库,用val取数据，置换'\n'
*/
function textareaTo(str){
    var reg=new RegExp("\n","g");
    var regSpace=new RegExp(" ","g"); 
    str = str.replace(reg,"<br>");
    str = str.replace(regSpace,"&nbsp;");
    return str;
}

/**
* @funciton  数据库 ---  编辑页面  .val(str)
*/
function toTextarea(str){
    var reg=new RegExp("<br>","g");
    var regSpace=new RegExp("&nbsp;","g");
    str = str.replace(reg,"\n");
    str = str.replace(regSpace," ");   
    return str;
}

输入框中：
<textarea id='text'></textarea>

1）用val()获取内容

$('#text').val();
这时的内容包含：文字，回车换行：'\n'，空格：' '    但是如果直接传入数据库，格式会被去掉

2）使用上面转换函数

textareaTo($('#text').val());   将文本转换为了HTML的格式，'\n'   转换为   <br/>，' ' 转换为 &nbsp;
3）然后从数据库显示到页面上

<div id='content'></div> // 数据是data
$('#id').html(data); // 直接显示的就是含回车换行和空格的

4）从数据库显示到textarea中  //数据data

$('#text').val(toTextarea(data));   使用函数toTextarea()函数将html格式内容转换为文本格式:

5) 前面一直使用的是val()获取textarea内容和显示内容到textarea中，所以在转换函数中用的是 ：'\n'

但是当使用：$('#text').text();获取内容的时候，这时的回车换行是：'\r'，所以转换函数里面的 '\n' 要换成 '\r'，这是两个 text() 和 val() 的一个区别，注意不要混淆了，若是'\r\n'一起使用，我测试的是失败，不能正确转换格式