HTML 격리 미리보기

사용 방법

1. HTML과 필요한 인라인 CSS를 입력합니다.
2. 미리보기를 갱신해 구조를 확인합니다.
3. 차단되는 기능을 고려하고 정화된 HTML을 복사·저장합니다.

제목은 표시하고 스크립트는 제거

입력·설정

<h1>Hello</h1><script>alert(1)</script>

결과

Hello 제목 표시 · 스크립트 실행 안 함

실제 브라우저 앱의 JavaScript 동작을 테스트하는 도구는 아닙니다.

처리 기준과 결과 읽기

URL을 여는 속성과 자원 요소를 차단하고 DOMPurify 허용 목록을 적용합니다. 원본과 분리된 iframe에서 해시로 허용한 전용 처리기만 결과를 표시하며 CSP는 연결·이미지·중첩 프레임·폼 제출을 막습니다. 인라인 CSS는 레이아웃 확인용으로만 허용합니다.

한계와 사용 전 확인

입력과 정화 후 HTML은 각각 최대 200,000자입니다. 외부 CSS·폰트·이미지·SVG·임베드·폼·입력 스크립트가 제거되거나 문자로 표시되어 원본 사이트와 다를 수 있습니다. 정화 결과를 보안 인증서처럼 취급하지 마세요.

자주 묻는 질문