다음 정규 표현식(regex)은 문서에서 모든 HTML 태그를 찾습니다.
<[^<>]+>
문서에서 모든 HTML 태그를 찾는 것이 어떻게 유용합니까?
사용 사례 예
클라이언트로부터 많은 문서를 받았다고 가정해 보겠습니다. 이러한 문서는 일부 오래된 CMS에서 내보내졌으며 오래된(그리고 아마도 유효하지 않은) HTML 태그로 가득 차 있습니다. 이러한 문서에는 시대를 초월한 훌륭한 콘텐츠가 포함되어 있지만 잘 정리하고 새로운 형식(타이포그래피)이 뒤따를 필요가 있습니다. 마크다운(.md ).
모든 HTML을 수동으로 제거해야 하는 것은 짜증나겠죠? 일반적인 찾기 및 바꾸기를 사용하더라도 HTML 태그가 너무 많기 때문에 번거로울 것입니다.
정규식 <[^<>]+>를 실행하여 텍스트 편집기나 IDE에서 모든 HTML 태그를 한 번에 찾을 수 있습니다. 그런 다음 편집기에서 모두 바꾸기 버튼을 클릭하여 즉시 바꿀 수 있습니다.
비디오 데모:
위의 데모에서 내가 다음을 수행하는 것을 볼 수 있습니다.
- VSCode의 검색창 열기
- 정규 표현식 붙여넣기
<[^<>]+> - 정규 표현식 사용 기능 활성화
- 검색을 시작하려면 Enter 키를 누르세요.
- 모든 HTML 태그를 빈 문자열로 교체
- 내 텍스트를 모두 선택하고 마우스 오른쪽 버튼을 클릭한 다음 서식을 다시 지정합니다(필요하지 않음, 그냥 보기에 한 것입니다.).
조심하세요 :파일을 크게 변경하기 전에 항상 파일을 백업하십시오. 정리 중인 문서에 일부 귀중한 URL이 포함되어 있을 수 있으며, 위의 예와 같이 HTML 태그를 빈 문자열로 바꾸면 제거됩니다.