HTML 엔티티 변환
보이게 하려면 이스케이프, 읽으려면 되돌리기.
예제는 입력과 설정을 일시적으로 바꿉니다. 이전 작업을 복원할 수 있습니다.
0자
출력
위에 붙여넣거나 입력하면 여기에 결과가 표시됩니다.
파일은 내 기기 밖으로 나가지 않습니다
이 도구는 브라우저 안에서만 작동합니다. 붙여넣은 내용은 기기에서 처리되고 서버로 전송되지 않으므로 토큰, 키, 공개 전 문서도 안심하고 사용할 수 있습니다.
사용 예시
예: 쇼핑몰 공지 편집기에 HTML 코드를 글자 그대로 보여 주기
온라인 쇼핑몰 운영자가 공지 게시판에서 “배송비 문구는 이렇게 넣으세요”라며, p 태그로 감싼 HTML 한 줄(배송비는 3,000원 & 5만 원 이상 무료, 태그까지 31자)을 코드 그대로 보여 주려 합니다. 그대로 붙이면 태그로 해석되어 문단만 보이므로, 방향은 이스케이프, “ASCII 밖의 문자도 모두 이스케이프”는 끈 채로 변환합니다.
- 꼭 필요한 글자만 바뀝니다. 태그의 부등호 4개는 lt·gt 엔티티가, & 는 amp 엔티티가 되고, 한글과 숫자, 쉼표, 공백은 그대로입니다.
- 변환 전 31자가 변환 후 47자가 됩니다. 이 결과를 편집기의 HTML 모드에 붙이면 화면에는 태그까지 원래 글자대로 보입니다.
- “ASCII 밖의 문자도 모두 이스케이프”를 켜면 한글 11자가 한 글자씩 숫자 참조(“배”는 #48176)가 되어 124자로 늘어납니다. UTF-8 페이지라면 필요 없습니다.
- 방향을 되돌리기로 바꾸고 47자 결과를 다시 넣으면 원래의 31자가 그대로 돌아옵니다.
| 설정 | 바뀌는 글자 | 글자 수 |
|---|---|---|
| 이스케이프 | 부등호 4개 → lt·gt 엔티티, & 1개 → amp 엔티티 | 31 → 47 |
| 이스케이프 + ASCII 밖도 모두 | 위의 5개 + 한글 11자 → 숫자 참조 | 31 → 124 |
| 되돌리기 (47자 결과를 넣음) | 엔티티 → 원래 글자 | 47 → 31 |
공지 화면에 p 태그까지 코드 그대로 보이는 안내문. 반대로 상품 정보를 옮기다 부등호 대신 lt·gt 엔티티가 그대로 보이는 글을 받았다면, 되돌리기로 원래 부등호를 돌려받을 수 있습니다.
사용 방법
- 텍스트를 붙여넣습니다.
- 이스케이프는 꼭 필요한 다섯 글자 & < > " ' 를 처리합니다.
- 페이지의 인코딩을 믿을 수 없다면 「ASCII 밖도 모두」를 켜세요.
- 방향을 바꾸면 엔티티를 문자로 되돌립니다.
자주 묻는 질문
- 정말로 이스케이프가 필요한 문자는 어떤 건가요?
- 다섯입니다. & < > " ' 다섯 글자. UTF-8 문서에서는 나머지는 선택이고, 필요 이상으로 이스케이프하면 원본이 읽기 어려워지고 파일도 커집니다.
- 그럼 나머지도 이스케이프하고 싶을 때는 언제인가요?
- 파일의 인코딩을 내가 통제할 수 없을 때입니다. 메일 템플릿, CMS 입력란, UTF-8 을 망칠 수 있는 경로를 지나는 것 등. 그럴 때는 é 는 못 지나가도 é 는 지나갑니다.
- 숫자 참조도 되돌리나요?
- 됩니다. é 도 é 도 é 가 되고, 이름 있는 것과 함께 다뤄집니다.
- ' 가 ' 가 아니라 ' 인 이유는요?
- ' 는 HTML 4 에 없어서 오래된 파서가 모르기 때문입니다. ' 는 어디서나 통합니다. 안전한 쪽을 골랐습니다.
- · 나 » 도 되돌려지나요?
- 네. 되돌릴 때는 HTML 4의 이름 있는 엔티티 252개 전부와 ' 를 알아보므로, 서울·부산은 서울·부산이 되고 « » • ♥ 도 각각 « » • ♥ 로 바뀝니다. 숫자 참조(·)도 모두 되돌립니다. 이름의 대소문자는 구분합니다(É 는 É, é 는 é).
- &lt; 처럼 두 번 이스케이프된 글은 어떻게 하나요?
- 되돌리기는 한 번에 한 겹만 벗깁니다. &lt;b&gt; 를 한 번 되돌리면 <b> 가 되고, 그 결과를 다시 넣어 한 번 더 되돌리면 <b> 가 됩니다.
- 입력한 내용이 어디로 전송되나요?
- 아니요. 브라우저 안에서 동작하므로 붙여넣은 내용은 내 컴퓨터를 떠나지 않습니다.