HTML 태그 제거

HTML 태그 제거 사용법

입력창에 태그가 섞인 HTML 소스나 웹페이지에서 복사한 서식 있는 내용을 붙여넣으면, <p> <div> <a href> 같은 모든 태그가 사라지고 사이에 담겨 있던 글자만 남습니다. 처리 결과는 바로 표시되며 복사 버튼으로 클립보드에 담을 수 있습니다. 변환은 브라우저 안에서만 이루어지고 붙여넣은 내용이 서버로 전송되지 않으므로, 아직 공개하지 않은 기사 초안이나 내부 문서의 마크업도 안심하고 넣어볼 수 있습니다.

작동 원리 - 태그는 지우고 알맹이는 남긴다

이 도구는 꺾쇠 <로 시작해 >로 끝나는 구간, 즉 태그 부분을 찾아 통째로 걷어내고 태그와 태그 사이의 텍스트 노드만 이어 붙입니다. 동시에 & <   같은 HTML 엔티티도 실제 문자(&, <, 공백)로 되돌립니다. 다만 <script>나 <style> 안의 코드는 태그가 사라져도 텍스트로 남을 수 있으니 결과를 한 번 확인하는 것이 좋고, 원본에 있던 줄바꿈은 그대로 유지되지만 <br>처럼 태그로만 표현되던 줄바꿈은 사라질 수 있어 필요하면 직접 정리하면 됩니다. 결과적으로 태그 껍데기를 걷어낸 순수 텍스트가 남습니다.

이럴 때 씁니다

워드프레스나 티스토리 편집기, 노션, 이메일 뉴스레터에서 복사한 글을 메모장이나 코드 주석, 챗봇 입력창처럼 서식을 받지 않는 곳에 넣을 때 지저분한 태그를 한 번에 걷어낼 수 있습니다. 크롤링한 페이지 소스에서 본문 글자 수만 세거나 기계 번역·요약에 넣기 전 전처리를 할 때, 혹은 남이 만든 HTML 템플릿에서 문구만 뽑아 다시 쓰고 싶을 때도 유용합니다. 반대로 CMS에 붙여넣은 글에 원치 않는 <span style>이 잔뜩 끼어 서식이 엉킬 때, 태그를 밀어버린 순수 텍스트로 되돌린 뒤 새로 서식을 입히면 깔끔합니다.

사용 팁

표(<table>)를 넣으면 칸을 나누던 태그가 사라지면서 셀 내용이 줄줄이 이어지므로, 표 데이터는 이 도구보다 CSV 변환 도구를 쓰는 편이 낫습니다. 링크의 주소가 필요하다면 태그를 지우기 전에 따로 챙겨야 합니다. href 값은 태그 속성이라 함께 제거되고 화면에 보이던 링크 글자만 남기 때문입니다. 또한 이미지는 글자가 없으므로 대체텍스트(alt)를 포함해 흔적이 남지 않습니다. 붙여넣기 후 빈 줄이 너무 많다면 원본 HTML에 빈 문단 태그가 많았던 것이니, 결과를 한 번 더 다듬으면 됩니다.

자주 묻는 질문