关于textarea中换行、回车、空格的识别与处理

本文探讨了在textarea中输入文字时,如何处理换行、回车和空格,以确保在后台输出时能保留原始格式。针对IE9以上、FF和Chrome的兼容性问题,提出了两种解决方案:一是将特殊字符替换为HTML实体,二是替换为ASCII码。同时,文章提醒注意replace方法的使用以及检测字符串中特殊字符位置的方法。
摘要由CSDN通过智能技术生成

###需求:
在textarea中输入文字,提交给后台后,后台输出在另一个页面,文字按原格式显示。

###兼容性:
IE9以上、FF、chrome在换行处匹配/\n/ IE7-8在换行处先匹配/\r/,再匹配/\n/

###问题解决:

1、把\n \r\n \s 分别替换为  
这种情况是替换后的字符串能够被网页解析,这样在网页上就能看到换行、空格等特殊字符了。
具体实现:

//原始字符串
var string = "欢迎访问!\r\nhangge.com    做最好的开发者知识平台";
//替换所有的换行符
string = string.replace(/\r\n/g,"<br>")        //兼容i7、i8
string = string.replace(/\n/g,"<br>");        //i9及以上
//替换所有的空格(中文空格、英文空格都会被替换)
string = string.replace(/\s/g,"&nbsp;");
//输出转换后的字符串
console.log(string);

如果你要替换为空时可以这样写

//原始字符串
var string = "欢迎访问!\r\nhangge.com    做最好的开发者知识平台";
//去掉所有的换行符
string = string.replace(/\r\n/g,"")
string = string.replace(/\n/g,"");
//去掉所有的空格(中文空格、英文空格都会被替换)
string = string.replace(/\s/g,"");
//输出转换后的字
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值