이 도구의 기능
HTML Formatter는 정규 표현식을 사용하여 마음대로 줄을 바꾸는 대신 Prettier의 HTML 파서 및 관련 플러그인을 사용하여 구문 트리를 구축합니다. 스크립트와 스타일에 포함된 코드도 해당 구문 분석 플러그인을 통해 처리됩니다.
- 코드는 문자열로만 구문 분석되며 DOM에 삽입되거나 실행 가능한 iframe에 배치되지 않습니다.
- 전체 문서와 일반적인 HTML 스니펫을 지원합니다.
- 구문 분석 오류는 특정 메시지를 표시하고 입력을 보존합니다.
사용 방법
- HTML 문서나 코드 조각을 붙여넣습니다.
- 2칸 또는 4칸 들여쓰기를 선택하세요.
- "HTML 형식"을 클릭하세요.
- 결과를 복사하거나 formatted.html을 다운로드하세요.
주요 사용 사례
- 압축된 템플릿을 구성합니다.
- 코드 검토 전에 들여쓰기 및 속성 래핑을 통합하세요.
- 명백한 라벨 구조 문제를 확인하십시오.
HTML Formatter 기능
Prettier를 사용하여 HTML을 구문 분석하고 형식을 지정하고 전체 문서와 공통 코드 조각을 지원하세요. 일상적인 개발, 디버깅, 데이터 정렬 및 코드 최적화 시나리오에 적합합니다. 처리 결과를 직접 확인, 복사, 다운로드할 수 있습니다.
FAQ
도구가 스크립트를 실행합니까?
절대 그렇지 않습니다. HTML은 단순히 서식 파서에 텍스트로 전달되며 결과는 읽기 전용 텍스트 상자에도 표시됩니다.
출력 스타일이 원본 텍스트와 다른 이유는 무엇입니까?
Prettier는 일관되고 결정적인 형식 지정 규칙을 사용하여 속성을 다시 래핑하거나 일부 태그의 형식을 지정할 수도 있습니다.
스타일과 스크립트가 포함된 페이지의 서식을 지정할 수 있나요?
예, 이 페이지는 요청 시 HTML, CSS 및 JavaScript 구문 분석 플러그인을 로드하여 일반적인 포함된 콘텐츠를 처리합니다.