JS textarea多行文本框内容 换行

本文介绍在前端开发中如何处理textarea的换行符。在保存和读取多行文本时,将' '转换为'<br/>'以实现网页上的正确换行显示,以及如何在还原到textarea时进行逆转换。

textarea多行文本  换行保存的时候,其实保存的是‘\n’,直接再读取的textarea多行文本里是没有问题的

但是要放在页面上展示,‘\n’不会换行,所以在多行文本框保存的时候,要先进行转换,'\n’转换成‘<br/>’标签,这样可以直接读取成换行展示,例如:

this.InfoList[5].valueText=this.InfoList[5].valueText.replace(/\n/g,"<br/>");

 

如果是还原到textarea里面,要先转化回来,textarea不会把<br/>标签识别成换行的

var reg=new RegExp("<br/>","g");

this.InfoList[5].valueText=this.InfoList[5].valueText.replace(reg,"\r\n");

 

这样换行就能正常展示了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值