사용 방법

붙여넣기, 실행, 확인, 복사 — 네 단계. 모든 작업은 브라우저에서 이뤄집니다.

CSS, HTML, JSON 등을 편집기에 넣으세요. 업로드되지 않습니다.

변환 또는 실행을 누르세요. 결과가 바로 나타납니다.

생성된 코드와 노트를 사용 전에 확인하세요.

결과를 복사해 프로젝트에 붙여넣으세요.

이 도구 소개

CMS나 이메일 템플릿에서 나온 HTML을 읽기 좋은 형태로 정리해, 검토 중에 빠진 alt 텍스트나 닫히지 않은 태그가 눈에 띄도록 돕습니다. 이메일 클라이언트를 위해 일부러 압축한 원본이라면 그대로 보관하세요.

예제는 한 줄로 붙어 있는 세 항목 목록입니다.

입력

<ul><li>Paste</li><li>Beautify</li><li>Review</li></ul>

출력

<ul>
  <li>Paste</li>
  <li>Beautify</li>
  <li>Review</li>
</ul>

운영 중인 메일을 교체하기 전에 압축된 원본 파일을 따로 보관해 두세요.