HTML 클리너 / 새니타이저: HTML 온라인 정리 및 새니타이징
HTML 클리너 / 새니타이저는 붙여넣은 HTML에서 Word 및 Office 전용 마크업, 스크립트, 이벤트 핸들러 속성(on*), 인라인 스타일, 중복 span, 빈 요소를 제거합니다. 태그와 속성에 대한 DOMPurify 허용 목록으로 결과를 선택적으로 새니타이징할 수 있습니다. 실시간 샌드박스 미리보기로 정리된 HTML을 복사해 재사용하기 전에 검사할 수 있습니다.
HTML 클리너 / 새니타이저는 HTML을 정리하고 흔한 원치 않는 마크업을 제거하는 브라우저 기반 도구입니다. Word나 Office 애플리케이션에서 복사한 콘텐츠를 포함한 HTML을 온라인에서 정리하고, 복사해 재사용하기 전에 실시간 샌드박스 미리보기에서 결과를 검사하세요.
클리너는 mso- 스타일, o:p, v:shapes, 조건부 주석 같은 Office 전용 마크업을 제거합니다. 또한 스크립트, 이벤트 핸들러 속성(on*), 인라인 스타일, 중복 span, 빈 요소도 제거합니다. 정리된 마크업을 더 제한하고 싶으면 태그와 속성에 대한 DOMPurify 허용 목록으로 선택적으로 새니타이징할 수 있습니다.
HTML은 태그와 속성으로 구조화된 콘텐츠를 기술하고, 복사한 리치 텍스트에는 추가 서식과 애플리케이션 전용 마크업이 포함될 수 있습니다. 이 콘텐츠를 정리하면 다른 편집기나 서식을 거부하는 필드에서 재사용하기 쉬워집니다. 도구는 작업 형식으로 HTML을 유지하며, 미리보기로 복사하기 전에 정리된 결과를 검사할 수 있습니다.
HTML 클리너 / 새니타이저는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 오프라인에서 동작하므로 연결 없이 HTML을 정리할 수 있습니다. 개발자, 콘텐츠 팀, DevOps 엔지니어는 붙여넣은 HTML을 재사용, 검토, 또는 더 깔끔한 마크업이 필요한 워크플로용으로 준비할 수 있습니다.
1단계: HTML 콘텐츠를 도구에 붙여넣거나 끌어다 놓으세요. Word나 다른 Office 애플리케이션에서 복사한 콘텐츠를 포함한 HTML을 받습니다.
2단계: 정리를 실행해 Word와 Office 마크업, 스크립트, 이벤트 핸들러 속성, 인라인 스타일, 중복 span, 빈 요소를 제거하세요.
3단계: 태그와 속성에 대한 DOMPurify 허용 목록으로 HTML을 선택적으로 새니타이징하세요. 결과에 사용 가능한 태그와 속성 제한을 적용할 수 있습니다.
4단계: 실시간 샌드박스 미리보기에서 정리된 결과를 확인하세요. 재사용하기 전에 콘텐츠가 예상대로 보이는지 확인하세요.
5단계: 정리된 HTML을 복사해 다른 필드, 문서, 프로젝트에 사용하세요.
사용 사례: 웹사이트에 복사한 콘텐츠를 재사용하기 전에 Word와 Office 마크업을 제거하세요. mso- 스타일, o:p 요소, v:shapes, 조건부 주석을 정리하면 HTML이 덜 복잡해집니다.
사용 사례: 붙여넣은 리치 콘텐츠를 다른 곳에 재사용할 수 있게 일반 텍스트나 더 단순한 HTML로 바꾸세요. 클리너는 인라인 스타일, 중복 span, 빈 요소를 제거합니다.
사용 사례: 서식을 거부하는 폼 필드나 편집기용으로 콘텐츠를 준비하세요. 원치 않는 마크업을 제거하면 더 깔끔한 HTML을 제공할 수 있습니다.
사용 사례: 검토하거나 재사용하기 전에 스크립트나 이벤트 핸들러 속성이 포함된 HTML 스니펫을 정리하세요. 도구는 정리된 결과에서 스크립트와 on* 속성을 제거합니다.
사용 사례: 정리된 HTML을 허용된 태그와 속성으로만 제한하고 싶을 때 DOMPurify 허용 목록을 적용하세요. 특정 마크업 요구 사항이 있는 워크플로용 콘텐츠를 준비할 때 유용합니다.
사용 사례: 프로젝트에 복사하기 전에 실시간 샌드박스 미리보기에서 정리된 HTML을 검사하세요. 정리 후의 보이는 결과를 검토하는 데 도움이 됩니다.