Murelio

필요한 기능을 불러오고 있습니다.

HTML 포맷터

HTML을 Prettier standalone의 html parser로 포맷합니다.

사용 방법

  1. HTML 코드를 입력하고 실행해 포맷된 결과를 확인합니다.

핵심 기능과 처리 범위

브라우저에서 필요한 Prettier plugin을 지연 로드해 표준 formatter 결과를 생성합니다.

처리 원리

prettier.format(input,{parser:'html',plugins:[html,estree]})를 사용합니다.

예시

한 줄로 붙은 div·span markup이 Prettier 규칙에 따라 여러 줄로 정리됩니다.

이럴 때 유용합니다

  • HTML 초안의 indentation과 줄바꿈을 일관되게 맞출 때

사용 전 참고

  • 출력 style은 프로젝트별 Prettier 옵션이 아니라 현재 코드의 기본 formatter 설정을 따릅니다.

자주 묻는 질문

원본 줄바꿈을 그대로 유지하나요?

아닙니다. Prettier가 자체 규칙으로 다시 배치합니다.

관련 도구