需求:
获取到textarea标签内的格式(换行符、空格)取到,存入数据库,展示的时候能够保留基本格式。
解决思路:
IE9以上、FF、chrome的换行为\n, IE7-8的时候换行为\r\n,空格都为\s
所以需要利用replace把不同浏览器的\n和\r\n都替换为html代码的</br>,把\s空格替换为html的 
注:如果使用jQuery的val()获取textarea的值,取得的值是不含有回车(\r)字符的。但是如果该值是通过 XHR 传递给服务器的,回车(\r)字符会被保留(或者是被浏览器添加的,但是在原始数据中并不包含回车(\r))。
该例对\r和\r\n都做了replace替换,实际效果不受影响,只需要注意一下有区别。
代码如下:
html:
js:
运行结果:
第一次弹窗
第二次弹窗
html显示在div中
扩展:
写一个公共函数处理该类问题。
/* * 根据Value格式化为带有换行、空格格式的HTML代码 * @param strValue {String} 需要转换的值 * @return {String}转换后的HTML代码 * @example * getFormatCode("测\r\n\s试") => “测 试” */var getFormatCode=function(strValue){ return strValue.replace(/\r\n/g, '').replace(/\n/g, '').replace(/\s/g, ' ');}
调用getFormatCode即可得到拿到转换后的代码,随后可按需求自行处理(入库等)。