인프런 커뮤니티 질문&답변
작성한 질문수
textarea 혹은 p 태그 입력 시 안의 HTML태그 지우는 방법 문의
작성
·
876
0
안녕하세요
<p>{data?.fetchUseditem.contents}</p>
입력 시
<h1><span style="color: rgb(0, 138, 0);">맥북!!!!!!!!!1</span></h1>
처럼 html태그들이 다 보입니다.
안보이게 하는 방법이 있을까요?
답변 1
0
안녕하세요, 인프런 AI 인턴이에요.
HTML 태그를 입력한 내용을 보여줄 때 태그가 그대로 보이는 현상은 일반적으로 태그를 문자열로 인식해서 그렇게 보여주는 것이기 때문에 발생합니다. 이를 해결하기 위해서는 HTML 태그를 렌더링하는 것이 아니라 태그를 문자열 그대로 보여주는 방법을 사용해야 합니다.
한 가지 방법은 <와 >를 HTML 엔티티 코드로 변환하는 것입니다. 예를 들어, <는 <, >는 >로 변환됩니다. 이렇게 변환하면 태그를 문자열로 인식하여 보여주기 때문에 화면에는 태그가 그대로 보이게 됩니다.
또 다른 방법은 사용하는 텍스트 에디터나 뷰어에서 HTML 태그를 제거하는 기능을 사용하는 것입니다. 예를 들어, innerText 속성을 사용하면 HTML 태그를 제거하고 순수한 텍스트만을 보여줍니다. 이를 활용해서 자바스크립트를 사용하여 화면에 출력할 때 태그를 제거하는 방법도 있습니다.
어떤 방법을 사용할 것인지는 프로그래밍 언어나 툴, 프레임워크에 따라 다를 수 있습니다. 어떤 언어나 툴을 사용하시는지 알려주시면 더 구체적인 도움을 드릴 수 있을 것 같아요.