어떤 html 소스를 수정하다가 그 안에서 특정 태그를 일괄적으로 삭제시켜버리고 싶으신 적 있으시죠. 메모장에 붙여넣어서 찾기, 바꾸기 기능으로 노가다로 수정 하다가 도저히 안되겠다 싶어서 제가 직접 사용하려고 제작해 보았습니다.
아주 오래전에 썼던 글을 블로그에 다시 올리려고 보니 온갖 html이 덕지덕지 붙어있는 것을 발견했습니다.
곳곳에 span 태그가 들어가서 제멋대로 텍스트 꾸미기 설정을 적용하고 있었고, font-family랑 br 줄바꿈 태그랑 어지럽게 되어 있었어요. 심지어는 div가 박혀 있어서 전체 문서가 디자인이 깨지기도 하고요.
그리고 복붙 잘못하면 띄어쓰기 태그 nbsp 잔뜩 들어가는거 아시죠. 그런것도 편하게 없애고 싶어서 만든 툴입니다.
사용법
- 첫번째 박스에 수정하고자 하는 HTML 소스를 통째로 붙여넣기
- 없애고자 하는 태그들을 체크하기 (중복 가능)
- 변환 버튼을 누르면 두번째 박스에 결과물이 출력
- 복사 버튼을 누르면 클립보드로 복사됨
- 원하는 곳에 붙여넣기 해서 사용, 끝
태그들은 <시작> 부분과 </끝> 부분을 삭제하며 중간의 텍스트 같은 내용물은 보존합니다. 띄어쓰기 태그인 Non-breaking Space 부분은 한칸의 공백으로 치환됩니다. (그냥 삭제하면 글씨가 다닥다닥 붙어버릴 수 있으니)
▼ 여기에 수정하고 싶은 HTML 소스를 붙여 넣으세요.
이 변환툴 덕분에 노가다 작업시간이 5분의 1 정도로 단축이 되었네요. 필요하신 분 유용하게 사용하시기 바랍니다.
기능에 문제가 있거나 건의하고 싶은 내용 있으시면 댓글로 남겨주세요.
