HTML 에디터
실시간 렌더링으로 HTML을 작성, 편집, 미리보기하세요. HTML 파일을 업로드, 포맷, 다운로드할 수 있습니다.
HTML 에디터란?
실시간 미리보기가 있는 완전한 기능의 온라인 HTML 에디터입니다. 왼쪽 패널에 HTML 코드를 작성하거나 붙여넣으면 오른쪽에 렌더링 결과가 즉시 표시됩니다.
단순한 뷰어와 달리 이 에디터는 작성과 편집에 특화되어 있습니다. 기존 HTML 파일을 업로드하고, 한 번의 클릭으로 지저분한 코드를 포맷하고, 완성된 작업을 다운로드하세요.
모든 것이 브라우저에서 로컬로 실행됩니다. HTML 코드가 서버로 전송되지 않습니다. 빠르고, 무료이며, 완전히 프라이버시가 보장됩니다.
HTML 에디터 사용 방법
다음 단계에 따라 HTML을 작성, 편집, 미리보기하세요.
HTML 작성 또는 업로드
에디터에서 HTML을 입력하거나 업로드를 클릭하여 기존 .html 파일을 불러오세요. 샘플을 클릭하면 데모 페이지를 불러올 수도 있습니다.
실시간 미리보기 확인
오른쪽 패널이 입력하는 동안 HTML을 즉시 렌더링합니다. CSS 스타일, 이미지, JavaScript도 샌드박스화된 미리보기에서 실행됩니다.
포맷 및 편집
포맷을 클릭하여 코드를 자동 들여쓰기합니다. 스플리터를 드래그하여 패널 크기를 조정하세요. 최대화로 전체 화면 미리보기를 볼 수 있습니다.
다운로드 또는 복사
다운로드를 클릭하여 .html 파일로 저장하거나, 복사로 클립보드에 코드를 복사하세요.
이런 경우에 사용하세요
웹 페이지 프로토타이핑
HTML 레이아웃, 컴포넌트 또는 전체 페이지를 빠르게 구축하고 테스트하세요. 로컬 개발 환경 설정 없이 실시간으로 변경 사항을 확인할 수 있습니다.
HTML 학습
HTML을 배우는 초보자에게 완벽합니다. 태그를 작성하고 무엇을 하는지 확인하고, 속성과 스타일을 실험하세요. 즉각적인 피드백으로 학습이 훨씬 빨라집니다.
코드 스니펫 테스트
튜토리얼이나 Stack Overflow에서 HTML 스니펫을 얻으셨나요? 붙여넣고, 렌더링을 확인하고, 수정하고 결과를 복사하세요.
이메일 템플릿 편집
이메일 HTML은 인라인 스타일과 테이블 레이아웃으로 까다롭습니다. 템플릿을 업로드하고, 시각적으로 편집하고 결과를 다운로드하세요.
자주 묻는 질문
HTML 데이터가 어딘가에 저장되나요?
아니요. 모든 것이 브라우저에서 완전히 실행됩니다. 명시적으로 다운로드하거나 복사하지 않는 한 HTML이 컴퓨터를 떠나지 않습니다.
에디터가 CSS와 JavaScript를 지원하나요?
네. 인라인 스타일, <style> 태그, <script> 태그 모두 작동합니다. 미리보기는 보안을 위해 샌드박스화된 iframe에서 실행됩니다.
어떤 파일 형식을 업로드할 수 있나요?
.html과 .htm 파일을 업로드할 수 있습니다. 내용이 에디터에 직접 로드됩니다.
포맷 버튼은 어떻게 작동하나요?
포맷 버튼은 HTML 코드를 올바른 중첩으로 자동 들여쓰기하여 지저분한 HTML을 읽기 쉽게 만듭니다.
HTML 플레이그라운드로 사용할 수 있나요?
물론입니다. HTML, CSS, JavaScript를 실험하는 샌드박스로 훌륭하게 작동합니다.
미리보기는 안전한가요?
미리보기는 샌드박스화된 iframe 내에서 렌더링되어 메인 페이지와 격리됩니다.
관련 HTML 및 웹 도구
이 에디터는 HTML 작성과 미리보기에 좋지만, 보완 도구가 필요할 때도 있습니다: