换行场景使用总结_20200522_场景群消息换行-优快云博客

本文链接：https://blog.youkuaiyun.com/lcj_star/article/details/106276332

本文详细介绍了在不同操作系统及浏览器环境下，特别是IE内核浏览器中，Textarea元素换行显示和复制时保持换行符的方法。通过三种方式实现了在各种浏览器下一致的换行效果，确保了文本的正确展示与复制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

换行类型

1,不同操作系统的换行

 windows: \r\n
 MAC: \r
 Like Unix: \n

2,Oracle数据库中的换行

 windows: chr(10)||chr(13)
 MAC: chr(13)
 Like Unix: chr(10)

3,Html中Textarea的换行

3.1 判断浏览器是否是ie内核

 function IEVersion() {
	var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
	var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  
	var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
	var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
	if(isIE) {
		var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
		reIE.test(userAgent);
		var fIEVersion = parseFloat(RegExp["$1"]);
		if(fIEVersion == 7) {
			return 7;
		} else if(fIEVersion == 8) {
			return 8;
		} else if(fIEVersion == 9) {
			return 9;
		} else if(fIEVersion == 10) {
			return 10;
		} else {
			return 6;//IE版本<=7
		}   
	} else if(isEdge) {
		return 'edge';//edge
	} else if(isIE11) {
		return 11; //IE11  
	}else{
		return -1;//不是ie浏览器
	}
}

参考地址: https://blog.youkuaiyun.com/m0_37885651/article/details/81448618

3.2 浏览器中Textarea换行实现

var dn = 'OU=uid:123333||O=xxxx22||OU=xxx22||E=xxxx@qq.com||CN=12322';

// 方式一: ie内核复制文本会变成一行
if(IEVersion() > -1){ // ie内核
	var dns = dn.split('||');
	var dnstr = '';
	for(var i = 0; i < dns.length; i++){
		if(i == dns.length - 1){
			dnstr += dns[i];
		}else{
			dnstr += dns[i] + '<br/>';
		}
	}
	$("#dn").html(dnstr);
}else{
	$("#dn").html(dn.split('||').join('&#13;')); // 非ie
}

// 方式二: ie内核复制保留换行符
if(IEVersion() > -1){
	var dns = dn.split('||');
	var dnstr = '<pre>';
	for(var i = 0; i < dns.length; i++){
		if(i == dns.length - 1){
			dnstr += dns[i] + '</pre>';
		}else{
			dnstr += dns[i] + '&#13;';
		}
	}
	$("#dn").html(dnstr);
}else{
	$("#dn").html(dn.split('||').join('&#13;'));
}

// 方式三: ie内核复制保留换行符,和方式二一样
if(IEVersion() > -1){
        $("#dn").html('<pre>' + dn.split('||').join('&#13;') + '</pre>');
}else{
	$("#dn").html(dn.split('||').join('&#13;'));
}