HTML 태그 제거

HTML 태그 지우기, 화면에 보이는 글만 남기는 법

이럴 때 써요

블로그 편집기의 HTML 보기에서 복사한 글을 메모장으로 옮길 때, 뉴스레터나 이메일 템플릿의 문구만 따로 정리할 때, 쇼핑몰 상세 설명 코드에서 상품 설명 글만 뽑아 다른 곳에 올릴 때 써요. 태그를 찾아 바꾸기로 지우면   같은 표기가 남거나 스크립트 안의 코드까지 글로 섞여 들어오는데, 여기서는 브라우저가 페이지를 읽는 방식 그대로 해석해서 사람이 보는 글만 남겨요.

사용 방법

1단계HTML 붙여 넣기

1. 1① 코드를 통째로 붙여 넣어요. 앞뒤가 잘린 조각이어도 읽을 수 있는 만큼 읽어요.
2. 2② 예시 코드는 제목, 두 줄짜리 문단, 두 항목 목록으로 정리됐고, 마지막 script 안의 내용은 빠졌어요.

2단계옵션 고르기

1. 3③ 줄바꿈 살리기, 목록 기호, 링크 주소, 이미지 설명을 필요에 맞게 켜고 꺼요. 처음에는 앞의 두 개만 켜져 있고, 옵션을 바꾸는 즉시 결과 칸이 다시 만들어져요.
2. 4④ 예시에서는 태그 17개를 지우고 공백을 뺀 글자 35자가 남았어요. 남은 글자 수는 결과 칸 기준이에요.

글만 남기는 순서

붙여 넣은 코드를 브라우저의 HTML 해석기로 읽어 문서 나무 구조를 만들고, 위에서부터 하나씩 내려가며 글자 조각만 모아요. 화면에 보이지 않는 script, style, noscript, template, head, iframe, svg 안쪽은 통째로 건너뛰어요. 해석기를 거치기 때문에 &, < 같은 문자 표기는 실제 글자로 풀리고, 줄 바꿈 없는 빈칸  도 보통 빈칸으로 바뀌어요.

마지막으로 줄마다 앞뒤 빈칸을 다듬고, 빈 줄이 세 줄 이상 이어지면 두 줄로 줄여요. 줄바꿈 살리기를 끄면 모든 줄바꿈과 연속 빈칸을 빈칸 하나로 합쳐 한 줄이 돼요.

옵션별 예시 결과

줄바꿈을 끄면 글자 수 세기나 검색창에 넣기 좋고, 켜 두면 메일이나 문서로 옮겼을 때 원래 문단 모양이 남아요. 결과가 마음에 들면 복사하거나 ‘태그제거.txt’로 저장해요.

주의할 점

• 코드는 실행되지 않아요 — 해석만 하고 화면에 그리지 않아서 script가 돌아가거나 이미지·외부 파일을 불러오지 않아요.
• 태그 수는 글자 패턴으로 센 값 — 안내 줄의 ‘태그 몇 개’는 꺾쇠로 둘러싸인 조각 수예요. 여는 태그와 닫는 태그를 따로 세서, 예시의 <b>홍라이프</b>는 2개로 들어가요.
• CSS로 숨긴 글도 남아요 — 스타일로 감춰 둔 글은 해석기만으로 알 수 없어서 결과에 나와요.

더 궁금한 점