HTML 포맷터

간결하거나 복잡한 HTML를 읽기 쉽고 들여쓰기된 마크업으로 포맷하세요.

입력

출력

0 문자 0 줄

HTML를 검사하고 편집하기 쉽게 만듭니다.

HTML 포맷터는 컴팩트한 HTML를 중첩된 요소 주위에 줄바꿈과 들여쓰기를 사용하여 읽을 수 있는 구조로 확장합니다. 스니펫, 템플릿, 생성된 마크업, 이메일 및 복사된 페이지 조각을 검사하는 데 유용합니다.

HTML 파서는 잘못된 형식의 많은 문서를 복구하므로 브라우저 구문 분석 규칙을 반영하면서 아름답게 출력된 출력이 소스보다 더 깔끔하게 보일 수 있습니다. 형식은 태그와 속성을 유지해야 하지만 공백을 구분하는 인라인 텍스트는 검토해야 합니다.

사용 방법

HTML 코드를 입력 편집기에 붙여넣습니다.
HTML 포맷를 클릭하여 마크업을 리플로우하고 들여쓰기합니다.
예상되는 중첩, 주석, 인라인 텍스트 및 속성에 대한 출력을 검토합니다.
클립보드에는 복사를 사용하고, 파일에는 다운로드를 사용하고, 재설정하려면 지우기를 사용하세요.

HTML 뷰티파이어란 무엇인가요?

HTML 포맷터는 조밀한 마크업을 스캔하고 편집할 수 있는 문서로 변환하는 브라우저 기반 유틸리티입니다. 이는 상위-하위 관계, 잘못 배치된 닫는 태그 및 생성된 HTML의 큰 블록을 표시하는 데 도움이 됩니다.

HTML 공백은 인라인 레이아웃, 텍스트 노드 및 사전 형식화된 콘텐츠에 영향을 미칠 수 있습니다. 템플릿이나 프로덕션 마크업을 아름답게 만든 후 렌더링된 출력이 여전히 의도와 일치하는지 확인하세요.

입력 참고사항

HTML 조각 또는 전체 문서를 붙여넣습니다. 빌드 시스템이 의존할 수 있는 <pre>, 인라인 요소, 템플릿 구문 및 주석에 주의하세요.

예시

중첩된 각 요소를 한 줄에 배치하면 밀집된 문서를 더 쉽게 따라갈 수 있습니다.

--- 압축 입력 ---
<html><head><title>Test</title></head><body><p>Hello</p></body></html>

--- 포맷 출력 ---
<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <p>Hello</p>
  </body>
</html>

MCP 통합

MCP(Model Context Protocol)를 통해 AI 에이전트와 앱은 Coding.Tools 유틸리티를 발견하고 반복 가능한 변환, 포맷팅, 해시, 생성 워크플로에서 실행할 수 있습니다.

MCP 도구 이름: html-beautifier

MCP 엔드포인트: https://coding.tools/mcp

먼저 tools/list를 호출하세요. 각 도구 항목에는 inputSchema, outputSchema, examples가 포함되어 AI 에이전트나 클라이언트가 추측 없이 유효한 인수를 만들 수 있습니다.

tools/call에서는 표시용 값은 result.content[0].text에서, 기계 파싱용 값은 result.structuredContent에서 읽으세요. 도구 수준 실패는 isError: true를 반환하고, 프로토콜 수준 실패는 JSON-RPC error를 반환합니다.

tools/call 요청 예시:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"html-beautifier","arguments":{"input":"<section><h1>Docs</h1><p>MCP ready</p></section>"}}}'

대부분의 텍스트 및 데이터 도구는 input 문자열과 선택적 options를 받습니다. 브라우저 이미지 API가 필요한 이미지 도구는 검색 대상으로 제공되며, 브라우저 기능이 필요할 때 웹 UI 링크를 반환합니다.