HTML 태그 제거, 복사한 웹 글에서 글자만 남기기
웹 페이지나 HTML 소스에서 복사한 글에서 태그만 지우고 글자만 남길 수 있을까요?
한 줄 답
HTML을 붙여넣으면 태그와 스크립트, 스타일을 지우고 글자만 남겨 줘요. 붙여넣은 HTML은 실행하거나 그리지 않고, 이 브라우저 안에서만 바꾸며 어디로도 보내거나 저장하지 않아요.
넣은 글과 파일은 이 브라우저 안에서만 처리합니다. 이 사이트의 서버로 올라가지 않고, 어디에도 저장되지 않습니다.
주의
- 태그를 지우기만 할 뿐 글의 내용은 고치지 않습니다. 「&」나 「 」처럼 글자를 나타내는 기호는 원래 글자로 바뀌므로, 결과를 HTML에 다시 넣으려면 「<」와 「&」를 다시 기호로 바꿔야 합니다.
- 태그의 속성에 든 글, 예를 들어 그림 설명(alt)이나 링크 주소(href)는 태그와 함께 사라집니다. 링크 주소가 필요하면 지우기 전에 따로 옮겨 둡니다.
어떻게 지우나요
위 칸에 HTML을 붙여넣으면 아래 칸에 태그를 지운 글이 바로 나옵니다. 「글 복사」를 누르면 결과가 클립보드에 담깁니다. 웹 페이지에서 복사한 글이 서식과 함께 붙어서 곤란할 때는, 브라우저에서 「페이지 소스 보기」로 얻은 HTML을 붙여넣어도 됩니다.
지우는 것은 태그, 주석, 문서 형식 선언(<!doctype>), 그리고 스크립트와 스타일입니다. 스크립트와 스타일은 안에 든 코드까지 함께 지웁니다.
줄은 어떻게 되나요
처음 설정에서는 문단(<p>), 구획(<div>), 목록 항목(<li>), 제목, 표의 줄, 줄바꿈(<br>)이 있던 자리가 줄바꿈이 됩니다. 이렇게 해야 글이 한 줄로 붙지 않고 원래 나뉘어 있던 대로 읽힙니다. 표의 칸은 탭으로 나뉩니다.
「블록 태그 자리에서 줄 바꾸기」를 끄면 태그만 지우고 앞뒤 글을 그대로 붙입니다. 소스에 원래 있던 줄바꿈은 그대로 남습니다.
남는 공백 정리
태그를 지우면 들여쓰기와 빈 줄이 남기 쉽습니다. 「남은 공백 정리하기」는 띄어쓰기 여러 개와 줄바꿈이 없는 공백( )을 띄어쓰기 하나로 줄이고, 줄 앞뒤의 공백과 세 줄 이상 이어진 빈 줄을 정리합니다.
기호가 글자로 바뀌는 것
HTML에서 &는 앰퍼샌드 기호, <는 꺾쇠 기호, 한는 「한」이라는 글자를 나타내는 표기입니다. 태그를 지운 뒤 이런 표기를 모두 원래 글자로 되돌립니다. 태그를 먼저 지우고 나중에 되돌리므로, <b>가 태그로 오해되어 지워지는 일은 없습니다.
자주 묻는 것
- 찾아 바꾸기에 정규식으로 태그를 지우는 것과 다른가요?
- 다릅니다. 「<[^>]+>」 같은 정규식은 속성 값 안에 「>」가 있으면 태그를 중간에서 끊고, 스크립트와 스타일 안의 코드는 그대로 남깁니다. 이 페이지는 따옴표 안의 「>」를 태그의 끝으로 보지 않고, 스크립트와 스타일은 안의 내용까지 지웁니다. 「a < b」처럼 태그가 아닌 「<」는 글자로 남습니다.
- HTML로 된 표를 붙여넣으면 어떻게 되나요?
- 한 칸이 끝나는 자리는 탭, 한 줄이 끝나는 자리는 줄바꿈이 됩니다. 그 결과를 엑셀에 붙여 넣으면 칸이 나뉘어 들어갑니다.
- 붙여넣은 HTML 안의 스크립트가 실행되나요?
- 실행되지 않습니다. 붙여넣은 HTML은 화면에 그려지거나 브라우저가 페이지로 읽지 않고, 글자로만 다뤄집니다. 스크립트 태그는 안의 코드와 함께 지워집니다.
- 「<b>」가 결과에 「<b>」로 남았어요.
- 정상입니다. 「<b>」는 「<b>」라는 글자를 화면에 보이게 하려고 쓴 표기라서, 태그를 지운 다음에 글자로 바뀝니다. 그 「<b>」까지 지우려면 결과를 다시 한 번 붙여넣습니다.