处理textarea的空格和换行
2016-05-28 01:39
260 查看
刚发了一篇博客,然后发现csdn在发布用户的文章时好像没有处理输入的换行和空格,之前没有很在意,因为这次我辛苦缩进的代码居然显示一团糟,有点接受不了,鉴于最近做的需求遇到了这个问题,所以说一下这个问题,鉴于开发是在windows下的,linux和苹果有空再测试一下,因为不同的操作系统对换行的表示不一样。
其实这个处理那挺简单的,用一句代码就可以解决了,“your string”.replace(/\n/g,"<br/>").replace(/\s/g," "),换行一般是\r,\n或者\r\n,只是不同的系统不一样,大家有兴趣可以试试。原理就是textarea会把用户按钮插入字符串中,但是在浏览器中,表示换行和空格的<br/>, ,所以我们在渲染之前需要先转成浏览器的字符。
顺便提一下,可以通过H5的属性contentEditalble来实现一个简单的textarea,不过这是输入的换行和空格会转成浏览器对应的格式,再次显示的时候我们就不需要转了,但是这个属性实现文本框也会有很多棘手的问题,有兴趣可以看一下。
其实这个处理那挺简单的,用一句代码就可以解决了,“your string”.replace(/\n/g,"<br/>").replace(/\s/g," "),换行一般是\r,\n或者\r\n,只是不同的系统不一样,大家有兴趣可以试试。原理就是textarea会把用户按钮插入字符串中,但是在浏览器中,表示换行和空格的<br/>, ,所以我们在渲染之前需要先转成浏览器的字符。
顺便提一下,可以通过H5的属性contentEditalble来实现一个简单的textarea,不过这是输入的换行和空格会转成浏览器对应的格式,再次显示的时候我们就不需要转了,但是这个属性实现文本框也会有很多棘手的问题,有兴趣可以看一下。
相关文章推荐
- linux 安装apache 错误:configure: error: /bin/sh build/config.sub failed解决办法
- 半路出家的仓库管理员如何成为一个好的前端工程师(二)
- 开篇
- 通过jQuery Ajax使用FormData对象上传文件
- 对于java反射的理解
- 2015 Multi-University Training Contest 1 题集(长期更新)A B E
- nod-1629-B君的圆锥
- 1017. A除以B (20)
- maven仓库有jar包,还是找不到类
- Node.js 的优势和劣势都有哪些
- 多线程
- 页面提交数据到数据库乱码问题
- JVM组成
- UISearchBar中无法输入中文
- MySQL 10061错误
- DescriptionResourcePathLocationType Dynamic Web Module 3.0 requires Java
- servlet与action共存的简单方法
- 简单的命令行模式
- 1016. 部分A+B (15)
- 20160527文档整理备忘