HTML 웹 에디터
저장됨
0 chars HTML 1 line Ln 1, Col 1 0 KB
실시간 미리보기

HTML 데이터 저장소

문서 원문 HTML이 이 브라우저의 IndexedDB에 자동 저장됩니다.

저장소 확인 중…

HTML 템플릿

카테고리별 120개 양식에서 선택하세요. 템플릿 문구는 미리보기에서 직접 클릭해 수정할 수 있습니다.

120개 템플릿
직관적 수정: 템플릿을 불러오면 직접편집 모드가 자동으로 켜집니다. 오른쪽 미리보기에서 점선으로 표시된 문구를 클릭해 바로 수정하면 왼쪽 HTML에도 동시에 저장됩니다.

버전 기록

중요한 시점의 HTML 원문을 별도 버전으로 보관하고 복원할 수 있습니다.

편집기 설정

긴 HTML을 붙여넣을 때 화면이 아래로 이동하는 문제도 여기서 제어할 수 있습니다.

HTML 품질 검사

문서를 수정하지 않고 구조·접근성·기본 메타 항목을 빠르게 확인합니다.

도움말

브라우저에서 바로 사용하는 HTML 작업 도구입니다.

빠른 시작

  1. 왼쪽에서 HTML을 편집합니다.
  2. 오른쪽 미리보기에서 결과를 확인합니다.
  3. 내보내기에서 HTML, PNG 또는 인쇄 기능을 사용합니다.

저장 방식

문서의 HTML 원문은 현재 브라우저의 IndexedDB에 자동 저장됩니다. 상단 저장 버튼으로 즉시 저장할 수 있고, 버전+으로 중요한 시점의 원문을 별도 보관할 수 있습니다.

긴 HTML 붙여넣기

전체 HTML을 한 번에 붙여넣으면 기본적으로 편집기와 미리보기가 자동으로 맨 위로 이동합니다. 화면이 아래로 내려가 보이는 현상을 방지하기 위한 설정이며 설정 메뉴에서 변경할 수 있습니다.

저장 / 버전 / 백업

저장은 현재 HTML 원문을 IndexedDB에 보관합니다. 버전+은 현재 상태를 별도 스냅샷으로 남깁니다. 내보내기에서는 현재 문서 JSON과 전체 저장소 백업 JSON을 각각 만들 수 있습니다.

템플릿·직접편집·검사

일반 HTML도 ✎ 직접편집을 켜면 제목·문단·목록·표 등 안전하게 선택한 텍스트 요소를 미리보기에서 직접 수정할 수 있습니다. 템플릿 메뉴에는 업무·보고서, 공지·안내, 계획·일정, 교육·학습, 안전·점검, 견적·제안, 블로그·콘텐츠, 행사·초대, 상품·서비스, 개인·생활, 데이터·현황판, 랜딩·포트폴리오 등 12개 카테고리 · 120개 양식이 있습니다. 템플릿을 적용하면 ✎ 직접편집이 켜져 오른쪽 미리보기의 문구를 클릭해 바로 수정할 수 있습니다. ✓ 검사는 DOCTYPE, lang, title, viewport, H1, 이미지 alt, 중복 id 등을 확인합니다.

주요 단축키

Ctrl/Cmd + S즉시 저장Ctrl/Cmd + F찾기/바꾸기Ctrl/Cmd + B굵게Ctrl/Cmd + Enter미리보기 새로고침

미리보기 보안

사용자 HTML은 sandboxed iframe에서 렌더링되며 JavaScript는 기본적으로 실행되지 않습니다.

확인