자바스크립트(JavaScript)가 실행되나요?

아니요. 보안을 위해 sandbox 속성이 적용된 iframe에서 렌더링되어 JavaScript 실행이 차단됩니다. CSS와 HTML 레이아웃만 렌더링됩니다. JS 동작 확인이 필요하다면 CodePen이나 JSFiddle 같은 전용 플레이그라운드를 사용하세요.

HTML 전체 페이지와 조각(snippet) 모두 지원하나요?

네, 모두 지원합니다. 부터 시작하는 완전한 HTML 문서뿐 아니라, 제목 같은 HTML 조각도 렌더링됩니다. 조각의 경우 브라우저 기본 스타일이 적용됩니다.

외부 리소스(이미지, 폰트, CSS 파일)는 sandbox의 allow-same-origin 설정에 따라 보안 정책이 적용됩니다. 일반적으로 HTTPS로 제공되는 외부 이미지와 CSS는 로드되지만, 일부 사이트의 CORS 정책에 따라 차단될 수 있습니다.

HTML 코드를 샌드박스에서 즉시 렌더링해서 미리보기

데이터는 서버로 전송되지 않습니다 — 모든 처리는 브라우저 안에서만 서버 전송 0건

HTML746자

PREVIEW스크립트 차단됨

HTML 코드를 왼쪽에 붙여넣으면 오른쪽 샌드박스에서 즉시 렌더링됩니다. 완전한 HTML 문서는 물론, 조각(snippet)도 지원합니다. CSS 스타일, 레이아웃, 폰트 등이 시각적으로 확인됩니다.

JavaScript 실행은 보안을 위해 차단됩니다. 이메일 템플릿, 랜딩 페이지 HTML, UI 컴포넌트 스타일 확인에 적합합니다. 서버로 어떤 데이터도 전송되지 않습니다.

자바스크립트(JavaScript)가 실행되나요?: 아니요. 보안을 위해 sandbox 속성이 적용된 iframe에서 렌더링되어 JavaScript 실행이 차단됩니다. CSS와 HTML 레이아웃만 렌더링됩니다. JS 동작 확인이 필요하다면 CodePen이나 JSFiddle 같은 전용 플레이그라운드를 사용하세요.
HTML 전체 페이지와 조각(snippet) 모두 지원하나요?: 네, 모두 지원합니다. <!DOCTYPE html>부터 시작하는 완전한 HTML 문서뿐 아니라, <h1>제목</h1> 같은 HTML 조각도 렌더링됩니다. 조각의 경우 브라우저 기본 스타일이 적용됩니다.
외부 이미지나 폰트가 로드되나요?: 외부 리소스(이미지, 폰트, CSS 파일)는 sandbox의 allow-same-origin 설정에 따라 보안 정책이 적용됩니다. 일반적으로 HTTPS로 제공되는 외부 이미지와 CSS는 로드되지만, 일부 사이트의 CORS 정책에 따라 차단될 수 있습니다.