处理textarea的空格和换行

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

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

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

处理textarea的空格和换行相关推荐

textarea标签中的换行与空格问题
2019独角兽企业重金招聘Python工程师标准>>> 问题描述:textarea元素中编辑带有格式的文本,无法按照原格式输出.举个例子,一个页面有textarea元素,一个div, ...
textarea如何在展示时候显示多个空格和换行
用textarea存储到的内容,在前端如果使用div展示的话,对于换行和多余的空格默认不展示.可以通过以下两种方式进行展示. <textare> 我是文字,我是文字, 我是文字,我是文字 ...
vue.js 回显textarea入的空格和换行
一.场景:用户在表单或者textarea中输入的带空格和换行的内容提交后,在其他地方查看输入内容必须与输入的内容保持一致. 输入时: 展示时: 二.实现 //输入时<div class=&quo ...
textarea 手机端无法换行_处理textarea中的换行和空格
当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题.在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字 ...
js字符串去掉前后空格回车换行
问题: 需要规范用户在textarea框中输入的数据,需去掉字符串前后空格回车换行(字符串中间的不需要管) 解决: 直接使用trim()方法. var str= row.serviceNameModi ...
js 通过正则匹配去掉多余的空格和换行
其实这种情况还是有可能出现在 textarea 文本输入域当你需要限制文本输入内容长度,无可避免要排除空格和换行的 js中有直接去掉左右空格的方法 trim str = str.repl ...
html textarea换行和dom换行
从事开发已经两年多了,但是还是不会发现问题找原因,可能是自己一直在学校养成的习惯吧,不过最近在葛经理的带领下开始学会找原因了,而且发现自己变得更成熟了. 现在讲讲textarea和dom的换行吧,我们 ...
JS替换空格回车换行符
JS替换空格回车换行符 str=str.replace(/\r/g," ") str=str.replace(/\n/g,"<br />") 或 ...
android html 换行_Android中Strings资源加空格，换行符,@等方法示例
Android中Strings资源添加空格,换行符,@等方法,或者替换符等,非常有用,如何在string资源文件里面加入空格,换行,tab等呢?请看如下: test ...

处理textarea的空格和换行

处理textarea的空格和换行相关推荐

最新文章

热门文章