What this HTML tool does

Paste or open a .html file and the markup is rendered live inside a sandboxed <iframe> on the right side of the editor. It is meant for two everyday tasks: previewing a fragment of HTML (an email template, a snippet from a tutorial, a piece of generated output) without spinning up a local server, and editing markup with full syntax highlighting before downloading the result.

Why a sandboxed iframe?

The preview pane uses <iframe sandbox=""> — the strictest sandbox configuration the browser offers. Scripts, forms, top-level navigation, and same-origin access are all disabled. That means even if the HTML you paste contains an inline <script> or a tracking pixel, it cannot read the surrounding page, access cookies, or make network requests. This is the right default for inspecting untrusted markup pulled from emails, scraped pages, or AI output.

Common tasks

Cleaning up generated HTML — reformat by hand, fix unclosed tags, strip inline styles, and re-download.
Previewing email markup — most mail clients reject scripts anyway, so the sandboxed preview is a realistic approximation of what recipients will see.
Sharing a quick prototype — paste in markup, refine the layout, then download the file and attach it to a ticket or pull request.

Tips

External stylesheets and images load from their original URLs, so a preview of a page fragment may look different from the live site if it relies on relative paths.
The editor preserves the encoding of the file you opened. If you opened a Korean or Japanese page that was saved as EUC-KR or Shift-JIS, the encoding-detection step handles it automatically.

이 HTML 도구가 하는 일

HTML 파일을 붙여 넣거나 열면, 에디터 오른쪽의 샌드박스된 <iframe> 안에서 마크업이 실시간으로 렌더링됩니다. 두 가지 일상적인 작업을 위해 만들어졌습니다 — 로컬 서버를 띄우지 않고 HTML 조각(이메일 템플릿, 튜토리얼 발췌, 생성된 출력 등)을 미리 보는 것, 그리고 다운로드하기 전에 문법 강조를 켠 상태로 마크업을 편집하는 것입니다.

왜 샌드박스 iframe인가?

프리뷰 영역은 브라우저가 제공하는 가장 엄격한 샌드박스 설정인 <iframe sandbox="">를 사용합니다. 스크립트, 폼, 최상위 탐색, 동일 출처 접근이 모두 비활성화됩니다. 즉, 붙여 넣은 HTML에 인라인 <script>나 트래킹 픽셀이 들어 있어도 주변 페이지를 읽거나 쿠키에 접근하거나 네트워크 요청을 보낼 수 없습니다. 이메일, 스크래핑한 페이지, AI 출력 등 신뢰할 수 없는 마크업을 검사할 때 적절한 기본값입니다.

자주 쓰는 작업

생성된 HTML 정리 — 손으로 정렬하고, 닫히지 않은 태그를 수정하고, 인라인 스타일을 제거한 뒤 다시 다운로드합니다.
이메일 마크업 프리뷰 — 대부분의 메일 클라이언트가 스크립트를 차단하므로 샌드박스 프리뷰가 실제 수신자가 보게 될 모습에 꽤 가깝습니다.
빠른 프로토타입 공유 — 마크업을 붙여 넣고 레이아웃을 다듬은 다음 파일로 받아 티켓이나 PR에 첨부합니다.

팁

외부 스타일시트와 이미지는 원래 URL에서 그대로 불러와집니다. 따라서 상대 경로에 의존하는 페이지 조각은 라이브 사이트와 다르게 보일 수 있습니다.
에디터는 연 파일의 인코딩을 유지합니다. EUC-KR이나 Shift-JIS로 저장된 한국어/일본어 페이지를 열어도 인코딩 자동 감지가 알아서 처리합니다.