HTML 에디터 | 사용법·입력·결과 해설
HTML 초안을 입력해 미리보기 프레임에서 모습을 살펴봅니다. 정리된 코드를 반환하는 포매터와 달리 마크업이 눈에 어떻게 보이는지 확인하는 편집 보조 화면입니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
계산 도구를 불러오는 중입니다. 도구가 표시되지 않으면 페이지를 새로고침하세요.
사용 방법과 입력
간단한 HTML 조각을 넣고 미리보기를 실행하세요. 상대 경로 이미지나 스타일시트는 실제 배포 위치와 다른 기준으로 해석될 수 있으므로 주소도 함께 검토하세요.
결과 해설과 예제
<h2>안내</h2><p>본문</p>를 넣으면 제목과 문단의 미리보기가 나타납니다. 모양이 보인다고 WordPress 글이 저장되거나 운영 페이지가 변경되는 것은 아닙니다.
입력·결과 예시
<h2>안내</h2><p>본문</p>를 넣으면 제목과 문단의 미리보기가 나타납니다. 모양이 보인다고 WordPress 글이 저장되거나 운영 페이지가 변경되는 것은 아닙니다.
한계와 주의사항
- 실제 테마의 CSS·플러그인 처리·서버 코드를 재현하지 않습니다.
- 프레임의 보안 정책에 따라 스크립트와 외부 자원 동작이 제한될 수 있습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| HTML 소스 | 화면의 단위와 입력 형식을 확인하세요. |
| 미리보기 (sandbox) | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
미리보기를 누르면 글이 게시되나요?
안내 본문 를 넣으면 제목과 문단의 미리보기가 나타납니다. 모양이 보인다고 WordPress 글이 저장되거나 운영 페이지가 변경되는 것은 아닙니다.
실제 테마와 완전히 같은가요?
실제 테마의 CSS·플러그인 처리·서버 코드를 재현하지 않습니다. 프레임의 보안 정책에 따라 스크립트와 외부 자원 동작이 제한될 수 있습니다.
