입력

모드:

출력

HTML 이스케이프란?

HTML 언이스케이프는 HTML 엔티티 시퀀스를 원래 문자로 변환합니다. REST API에서 콘텐츠를 가져오거나 CMS에서 데이터를 스크래핑했을 때 &, <, "가 곳곳에 있었다면 그 고통을 아실 겁니다. 이러한 엔티티는 안전한 HTML 렌더링에 필요하지만(HTML Living Standard 참조), 원본 텍스트를 읽기 어렵게 만듭니다.

이 도구에는 두 가지 모드가 있습니다: 이스케이프 및 언이스케이프. 둘 다 브라우저에서 완전히 실행됩니다. 서버에는 데이터가 전송되지 않습니다.

이 도구 사용 방법

1

모드 선택

이스케이프를 선택하여 특수 문자를 HTML 엔티티로 변환하거나, 언이스케이프를 선택하여 엔티티를 원래 문자로 되돌립니다.

2

텍스트 붙여넣기 또는 업로드

왼쪽 편집기에 텍스트나 HTML을 붙여넣거나 업로드를 사용하여 파일을 로드합니다.

3

결과 복사 또는 다운로드

오른쪽 패널이 자동으로 업데이트됩니다. HTML을 형식화하려면 HTML 포매터 도구를 사용해 보세요.

HTML 이스케이프 예제

이스케이프는 특수 문자를 HTML 엔티티로 변환합니다:

원시 입력 (특수 문자 포함)

입력

이스케이프된 출력 (HTML 엔티티)

출력

HTML 이스케이프가 중요한 경우

HTML에서 사용자 제공 콘텐츠를 표시할 때 XSS 공격을 방지하기 위해 먼저 이스케이프해야 합니다.

언이스케이프는 HTML 이스케이프된 콘텐츠를 받아 원본 텍스트를 표시하고 싶을 때 유용합니다. 언이스케이프 모드로 시작하는 HTML 이스케이프도 참조하세요.

자주 묻는 질문

이 도구는 어떤 HTML 엔티티를 디코딩하나요?

모든 이름 엔티티(&, <, >, ", ')와 숫자 엔티티를 디코딩합니다. 전체 목록은 HTML Living Standard에 정의되어 있습니다.

데이터가 서버로 전송되나요?

아니요. 모든 것이 JavaScript로 브라우저에서 실행됩니다. 데이터가 외부로 전송되지 않습니다.

언이스케이프와 이스케이프는 언제 사용하나요?

원본 텍스트를 읽어야 할 때 언이스케이프를 사용합니다(API 응답이나 데이터베이스 내보내기 처리 시). HTML에 사용자 콘텐츠를 삽입할 때는 XSS 공격을 방지하기 위해 이스케이프를 사용합니다.

대량 텍스트 처리에 사용할 수 있나요?

네. HTML 엔티티가 포함된 텍스트를 원하는 만큼 붙여넣으면 도구가 한 번에 모두 디코딩합니다. 매우 큰 텍스트(100MB 이상)의 경우 PHP의 html_entity_decode 또는 Python의 html.unescape() 같은 명령줄 도구가 더 실용적일 수 있습니다.

관련 도구

HTML Living Standard의 문자 참조를 참조하세요.