textarea 存入数据库后 换行 、空格显示

兼容性:IE9以上、FF、chrome在换行处匹配/\n/
              IE7-8在换行处先匹配/\r/,再匹配/\n/
 
html:

<textarea name="" id="test_new_line" cols="30" rows="10"></textarea>
<input type="button" id="submit" value="提交"/>
<div id="result"></div>

js:

document.getElementById("submit").onclick = function(){
var newString = document.getElementById("test_new_line").value.replace(/\n/g, '_@').replace(/\r/g, '_#');
document.getElementById("result").innerHTML = newString;
};


兼容性解决方案:

newString = newString.replace(/_#_@/g, '<br/>'); //IE7-8

newString = newString.replace(/_@/g, '<br/>');//IE9、FF、chrome

newString = newString.replace(/\s/g,'&nbsp;');//空格处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值