[html/js] – & 등과 같은 문자 출력되는 경우 대처법, 참고 코드

문제상황

일부 input, textarea에서 위와같은 식으로 문자가 출력되는 현상

 

 

해결방법

: 치환 함수만들어서, class에 지정해줌

 

 

 

참고코드

<input type="text" class="htmlEscapeVal" name="inputName">
<input type="text" class="htmlEscapeText" name="inputName">

 

// 특수 문자 치환 (html 모두 그려진 뒤 실행해야 함)
$(document).ready(function() {
	$('.htmlEscapeVal').each(function() {
		$(this).val(replaceSpecialCharacters($(this).val()));
	});
	
	$('.htmlEscapeText').each(function() {
		$(this).text(replaceSpecialCharacters($(this).text()));
	});
});

 

//특수 문자 치환  함수
function replaceSpecialCharacters(str) {
	if (str == null) {
	 return "";
	}
	
	return str
		.replace(/&/g, '&')
		.replace(/amp;/g, '')
		.replace(/–/g, '-')
		.replace(/&lt;/g, '<')
		.replace(/&gt;/g, '>')
		.replace(/&quot;/g, '"')
		.replace(/&#039;/g, "'")
		.replace(/&#39;/g, "'")
		.replace(/&middot;/g, "·")
		.replace(/&sdot;/g, "⋅");
}

 

 

참고 사이트

https://html.spec.whatwg.org/multipage/named-characters.html

HTML Standard