获取textarea标签中的换行符和空格

问题：

获取到textarea标签内的格式（换行符、空格）取到，存入数据库，展示的时候能够保留基本格式。

解决思路：

IE9以上、FF、chrome的换行为\n， IE7-8的时候换行为\r\n，空格都为\s

所以需要利用replace把不同浏览器的\n和\r\n都替换为html代码的</br>，把\s空格替换为html的&nbsp

注：如果使用jQuery的val()获取textarea的值，取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。

该例对\r和\r\n都做了replace替换，实际效果不受影响，只需要注意一下有区别。

代码如下

html:

<textarea name="" id="text" cols="30" rows="3"></textarea>
<input type="button" id="btn" value="测试测试" />
<div id="show"></div>

js:

document.getElementById("btn").onclick = function() {var strContent = document.getElementById("text").value;alert("处理前的strContent为\r\n"+strContent);strContent = strContent.replace(/\r\n/g, '<br/>'); //IE9、FF、chromestrContent = strContent.replace(/\n/g, '<br/>'); //IE7-8strContent = strContent.replace(/\s/g, ' '); //空格处理alert("转换之后的html代码为\r\n"+strContent);document.getElementById("show").innerHTML = strContent;};

扩展：

写一个公共函数处理该类问题。

/** 根据Value格式化为带有换行、空格格式的HTML代码* @param strValue {String} 需要转换的值* @return  {String}转换后的HTML代码* @example  * getFormatCode("测\r\n\s试")  =>  “测<br/> 试”*/
var getFormatCode=function(strValue){return strValue.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');
}

调用getFormatCode即可得到拿到转换后的代码，随后可按需求自行处理（入库等）。

获取textarea标签中的换行符和空格相关推荐

textarea标签中的换行符和空格
问题: 获取到textarea标签内的格式(换行符.空格),存入数据库,展示的时候能够保留基本格式. 解决思路: IE9以上.FF.chrome的换行为\n, IE7-8的时候换行为\r\n,空格都为 ...
textarea标签中的换行与空格问题
2019独角兽企业重金招聘Python工程师标准>>> 问题描述:textarea元素中编辑带有格式的文本,无法按照原格式输出.举个例子,一个页面有textarea元素,一个div, ...
快速批量删除Excel单元格中的换行符、空格
方法一:查找替换法 Step1:按快捷键Ctrl+H,打开"查找和替换"对话框: Step2:选择"查找内容"后的文本框,按住Alt键,在数字键盘中输入&quo ...
python获取div标签的id_Python 获取div标签中的文字实例
预备知识点 compile 函数 compile 函数用于编译正则表达式,生成一个正则表达式( Pattern )对象,供 match() 和 search() 这两个函数使用. 语法格式为: re. ...
如何在sh的字符串中包含换行符？
本文翻译自:How can I have a newline in a string in sh? This 这个 STR="Hello\nWorld" echo $STR pro ...
如何在SQL Server VARCHAR / NVARCHAR字符串中插入换行符
我没有看到关于这个主题的任何类似的问题,我不得不研究这个我现在正在做的事情. 以为我会发布答案,以防其他人有同样的问题. #1楼我来到这里是因为我担心我在C#字符串中指定的cr-lfs没有在SQl ...
怎么在php中加入换行符,如何在PHP中创建换行符？
为了创建换行符, PHP提供了nl2br()函数.它是PHP的内置函数, 用于在字符串中的所有换行符之前插入HTML换行符.虽然, 我们也可以在源代码中使用PHP换行符\ n或\ r \ n来创建换行 ...
python怎么去掉换行符_python怎么移除字符串中的换行符
python移除字符串中的换行符的方法:可以使用[strip()]函数来实现,[strip()]函数在没有参数时会默认删除空白符,包括['\n'].['\r'].[ '\t']和[' ']. pyth ...
java 判断是否换行_如何在java中检测换行符
是的,我已经阅读了一些关于换行符的其他帖子,但他们没有帮助我.如何在java中检测换行符我的Java程序应该读取一个.PHP文件,并将源代码分成逐行格式.问题是我似乎无法区分一个换行符和另一个换行符 ...

获取textarea标签中的换行符和空格

获取textarea标签中的换行符和空格相关推荐

最新文章

热门文章