处理textarea的空格和换行

刚发了一篇博客,然后发现csdn在发布用户的文章时好像没有处理输入的换行和空格,之前没有很在意,因为这次我辛苦缩进的代码居然显示一团糟,有点接受不了,鉴于最近做的需求遇到了这个问题,所以说一下这个问题,鉴于开发是在windows下的,linux和苹果有空再测试一下,因为不同的操作系统对换行的表示不一样。

其实这个处理那挺简单的,用一句代码就可以解决了,“your string”.replace(/\n/g,"<br/>").replace(/\s/g,"&nbsp;"),换行一般是\r,\n或者\r\n,只是不同的系统不一样,大家有兴趣可以试试。原理就是textarea会把用户按钮插入字符串中,但是在浏览器中,表示换行和空格的<br/>,&nbsp;,所以我们在渲染之前需要先转成浏览器的字符。

顺便提一下,可以通过H5的属性contentEditalble来实现一个简单的textarea,不过这是输入的换行和空格会转成浏览器对应的格式,再次显示的时候我们就不需要转了,但是这个属性实现文本框也会有很多棘手的问题,有兴趣可以看一下。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值