이 페이지에서 코드를 어떻게 포맷하나요?
왼쪽 편집기에 코드를 붙여넣거나 파일을 불러온 뒤 필요한 옵션을 선택하고 포맷을 누르세요. 오른쪽에서 결과를 확인한 다음 복사하거나 저장할 수 있습니다.
HTML 포맷터는 압축되었거나 고르지 않은 HTML을 일관된 들여쓰기와 읽기 쉬운 줄 바꿈으로 정리합니다. 전체 HTML 문서와 조각은 물론 script와 style 요소 안의 JavaScript 및 CSS도 지원합니다.
탭 또는 공백을 선택하고, 원하는 줄 너비와 HTML 속성 줄 바꿈 방식을 설정하며, 내장된 script 및 style 콘텐츠의 들여쓰기를 지정할 수 있습니다. 포맷터는 템플릿에 적합한 HTML을 보존하고 구조상 의미가 있는 기존 줄 바꿈을 유지할 수 있습니다.
미리보기를 사용하면 페이지를 벗어나지 않고 렌더링된 구조를 확인할 수 있습니다. 안전을 위해 미리보기에서는 스크립트, 양식, 이벤트 핸들러 및 외부 리소스를 비활성화합니다. 포맷, 미리보기, 복사 및 저장은 모두 브라우저에서 로컬로 실행됩니다.
왼쪽 편집기에 코드를 붙여넣거나 파일을 불러온 뒤 필요한 옵션을 선택하고 포맷을 누르세요. 오른쪽에서 결과를 확인한 다음 복사하거나 저장할 수 있습니다.
입력은 선택한 언어나 문법과 일치해야 합니다. 완성되지 않은 문장, 짝이 맞지 않는 괄호나 따옴표, 입력과 다른 방언 또는 모드를 확인한 뒤 다시 실행하세요.
코드 포매터는 언어에 맞는 토큰과 중첩 구조를 인식한 뒤 일관된 규칙에 따라 들여쓰기, 공백, 줄바꿈을 다시 배치합니다. 프로그램을 컴파일하거나 실행하지 않으므로 정확성이나 보안 검사를 대신하지 않습니다.
2칸과 자동 속성 줄바꿈이 안전한 기본값입니다. 간결한 리뷰에는 80열, 현대적인 앱 마크업에는 100열을 사용할 수 있습니다. 들여쓰기, 줄과 속성 줄바꿈, script와 style 들여쓰기, 줄바꿈 유지, 내부 HTML을 설정할 수 있습니다. 미리보기에서 포맷된 마크업을 안전하게 확인할 수 있습니다.