HTML 코드 편집기
세 코드 탭에서 작은 페이지를 만드세요. 실행을 선택할 때만 미리 보고 하나의 HTML 파일로 로컬 내보내기할 수 있습니다.
페이지 마크업
페이지 스타일
페이지 JavaScript
각 편집기는 최대 100,000자입니다. 미리보기 스크립트는 제한된 샌드박스에서 실행됩니다. 신뢰하는 코드만 실행하세요.
미리보기를 아직 실행하지 않았습니다. 준비되면 실행을 선택하세요.
미리보기
실행 로그
사용 방법
사용 방법
- 각 탭에서 HTML, CSS, JavaScript를 편집합니다.
- 실행을 선택해 격리된 미리보기와 실행 로그를 새로 고칩니다.
- 준비되면 현재 코드를 HTML 파일 하나로 다운로드합니다.
세 가지 전용 코드 편집기
마크업, 스타일, 페이지 JavaScript를 별도 탭에서 편집합니다. 미리보기나 로컬 다운로드를 위해 하나의 문서로 조합합니다.
제한된 로컬 미리보기
실행하면 same-origin, 최상위 탐색, 양식 또는 팝업 권한이 없는 sandbox iframe을 만듭니다. 엄격한 콘텐츠 정책이 네트워크 연결과 외부 리소스를 차단합니다. 입력한 JavaScript 자체는 실행되므로 신뢰하는 코드만 실행하세요.
로컬 내보내기와 제한
코드는 현재 브라우저 세션에 남고 업로드되지 않습니다. 각 편집기에는 크기 제한이 있으며 다운로드한 HTML에는 세 편집기의 현재 내용이 포함됩니다. 라이브러리를 불러오거나 원격 리소스를 가져오거나 초안을 저장하지 않습니다.
자주 묻는 질문
더 알아보기
미리보기가 자동 실행되나요?
아니요. 실행을 선택할 때만 새로 고쳐집니다.
미리보기 코드가 편집기 페이지에 접근할 수 있나요?
same-origin 권한이 없는 샌드박스를 사용합니다. 일반적인 same-origin API로 편집기 페이지를 읽거나 수정할 수 없습니다.
외부 라이브러리나 이미지를 쓸 수 있나요?
미리보기에서 외부 리소스와 네트워크 연결이 차단됩니다. 적절한 경우 인라인 코드나 data URL을 사용하세요.
작업을 어떻게 저장하나요?
HTML 다운로드를 선택하면 현재 HTML, CSS, JavaScript가 담긴 파일 하나를 저장합니다. 초안은 저장하지 않습니다.