[JSP] DB글 출력 시 태그가 함께 출력될때 태그, 스타일, 공백, 줄바꿈 제거하는 법.

<a href="#">
    <span class="news_text">${boardNotice.content}</span> 
</a>

 

 

목록에 내용까지 보여져야할 때 태그가 함께 출력되는 오류가 발생(상세페이지에서는 정상적으로 보여지는 상태)  자바스크립트 replace함수를 사용하면 공백,스타일, 태그, 줄바꿈 등이 다 제거되어 텍스트만 보여지게 된다. 클래스 이름만 바꿔서 사용하면 된다.

 

<script>
document.addEventListener('DOMContentLoaded', (event) => {
	  document.querySelectorAll('.news_text').forEach((element) => {
	    var content = element.innerHTML;
	    // HTML 엔티티를 실제 문자로 변환하고, style 속성을 제거합니다.
	    content = content.replace(/&lt;/g, "<")
	                     .replace(/&gt;/g, ">")
	                     .replace(/&amp;/g, "&")
	                     .replace(/&quot;/g, "\"")
	                     .replace(/&#39;/g, "'")
	                     .replace(/<\s*([^>]+)\s*style="[^"]*"/gi, '<$1')
	                     .replace(/<br\s*\/?>/gi, '')  // <br>과 <br /> 태그를 제거합니다.
	                     .replace(/&nbsp;/gi, '');     // &nbsp;를 제거합니다.

	    // 공백을 정리합니다.
	    content = content.trim().replace(/\s+/g, ' ');

	    // 변환된 내용으로 각 요소의 HTML을 업데이트합니다.
	    element.innerHTML = content;
	  });
	});
</script>