텍스트에서 HTML 태그를 제거하는 방법
HTML은 서식에 유용하지만, 읽을 수 있는 내용만 필요할 때는 잡음이 됩니다. 최종 결과에 원하지 않는 태그까지 묻어 오는 웹사이트, CMS 에디터, 이메일, 리치 텍스트 필드에서 텍스트를 복사할 때 자주 일어납니다.
HTML 태그를 제거하는 것은 Markdown으로 변환하는 것과 다릅니다. 여기서 목표는 일반 텍스트입니다. 읽기 좋은 단어, 필요한 곳의 공백을 유지하면서 <p>, <strong>, <a> 같은 마크업 래퍼는 남기지 않습니다.
일반 텍스트만 받는 다른 시스템에서 내용을 다시 쓰거나, 비교·정렬·세기 전에 내용을 정리하고 싶을 때 특히 유용합니다.
어떨 때 유용한가
- 웹사이트나 CMS 에디터에서 복사한 콘텐츠를 정리할 때.
- 메모, 스프레드시트 또는 일반 텍스트 필드에 붙여 넣기 전에 마크업을 제거할 때.
- 비교, 단어 수 세기, 줄 단위 정리 작업을 위해 텍스트를 준비할 때.
- HTML이 많이 섞인 내보내기에서 태그를 제거하고 읽기 좋은 내용은 유지할 때.
실제 예시
복사한 텍스트가 <h1>Hello</h1><p>This is <b>example</b></p>을 포함한다면, 일반 텍스트 출력은 단지 ‘Hello’와 ‘This is example’가 읽기 좋은 줄로 보여야 합니다. 가치는 마크업을 유지하는 것이 아니라 내용 자체를 보존하는 데 있습니다.
흔한 사용 사례
- WordPress, 웹 에디터, 이메일 빌더에서 가져온 콘텐츠를 정리할 때.
- 단어 수를 세기 전에 태그를 제거할 때.
- diff나 리스트 비교를 위해 텍스트를 준비할 때.
- HTML이 많이 들어간 조각에서 읽기 좋은 텍스트만 뽑아낼 때.
- 직접 편집하기 전에 생성된 콘텐츠를 정리할 때.
브라우저에서 태그 제거하기
브라우저 기반 도구를 사용하면 몇 초 만에 적용할 수 있습니다.
자주 묻는 질문
태그를 제거하면 텍스트는 그대로 남나요?
네. 목적은 읽을 수 있는 텍스트는 남기고 마크업 계층만 없애는 것입니다.
이것이 Markdown으로 변환하는 것과 같은가요?
아니요. Markdown은 일부 구조를 유지하지만, 일반 텍스트는 서식 문법을 완전히 제거합니다.
언제 일반 텍스트가 더 낫나요?
대상 필드, 내보내기, 또는 워크플로가 서식이 아니라 내용만 필요로 할 때입니다.