사용 방법
- HTML을 붙여넣으세요.
- HTML 또는 Vue, 들여쓰기, 줄 너비를 선택하세요.
- 포맷 버튼을 클릭하거나 Ctrl+Enter(Mac은 ⌘+Enter)를 누르세요.
- 포맷된 마크업을 복사하세요.
옵션 설명
- 줄 너비
- 속성이 많은 요소가 이 너비를 넘으면 속성을 한 줄에 하나씩 나눠요.
- Vue
- .vue 단일 파일 컴포넌트의 template, script, style 블록을 포맷해요.
예시
이메일 템플릿. 한 줄로 된 HTML 이메일을 붙여넣으면 표 구조가 들여쓰기되어 보여요.
복사한 페이지 소스. 페이지 소스를 포맷해 필요한 부분을 찾으세요.
자주 묻는 질문
일부 텍스트가 한 줄로 유지되는 이유는 뭔가요?
HTML에서는 인라인 요소 사이에 공백을 넣으면 페이지 모양이 달라질 수 있어요. 포맷터는 각 요소의 CSS display를 고려해 화면에 나타날 공백은 추가하지 않아요.
잘못된 HTML도 고쳐 주나요?
</li>, </p>처럼 HTML에서 생략할 수 있는 닫는 태그는 추가해요. 순서가 잘못 닫힌 태그는 행과 열 번호와 함께 오류로 표시되므로 원본에서 직접 고칠 수 있어요.
코드가 업로드되나요?
아니요. 모든 처리가 브라우저에서 이뤄져요.
개인정보 보호
이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.