HTML 포매터

압축되거나 한 줄로 된 HTML을 읽기 좋게 들여쓰기 정렬합니다.

파일이 서버로 전송되지 않습니다 — 모든 처리는 브라우저에서만

입력 (HTML)
결과

사용법 및 자주 묻는 질문

사용법

HTML 코드를 붙여넣고 정렬을 클릭하세요. 처음 실행 시 Prettier 라이브러리를 CDN에서 내려받으므로 잠시 기다려 주세요.

인라인 <script>·<style>도 정렬되나요?

네, Prettier의 HTML 파서는 HTML 내부의 인라인 JavaScript와 CSS도 함께 정렬합니다. 단, 복잡한 템플릿 표현식이 포함된 경우 결과가 다를 수 있습니다.

Jinja·Handlebars 등 템플릿 엔진 문법도 지원하나요?

Prettier의 기본 HTML 파서로 처리하며, Jinja·Handlebars 등의 템플릿 표현식은 완벽하게 지원되지 않을 수 있습니다. 오류 없이 출력되더라도 결과가 의도와 다를 수 있습니다.

Prettier 옵션을 더 세밀하게 설정할 수 있나요?

현재 들여쓰기(2칸/4칸)와 줄 너비(80자)만 지원합니다. 속성 따옴표 스타일 등 세부 옵션이 필요하면 로컬 환경에 Prettier를 설치해 .prettierrc로 구성하는 것을 권장합니다.

입력한 HTML 코드가 서버로 전송되나요?

아니요. 모든 처리는 브라우저에서만 이루어지며, 입력한 HTML 코드는 서버로 전송되지 않습니다.

관련 툴