处理textarea的空格和换行

来源:互联网 发布:js去掉前后的引号 编辑:程序博客网 时间:2024/05/07 05:53

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

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

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

0 0