WebTools

Useful Tools & Utilities to make life easier.

HTML Entity Decode

HTML 엔티티 코드를 원래의 문자로 다시 변환합니다.

HTML 엔티티 디코딩이란?

HTML 문서나 웹에서 긁어 온 텍스트를 보면 <, >, &, '처럼 &로 시작해 세미콜론으로 끝나는 표기가 섞여 있을 때가 있습니다. 이는 브라우저가 태그로 오해하지 않도록 기호를 HTML 엔티티로 바꿔 둔 것입니다. 이 도구는 그런 엔티티를 사람이 읽는 원래 기호로 되돌려 줍니다.

이름을 쓰는 방식(&lt;)이든 번호를 쓰는 방식(&#60;)이든 모두 원래 문자로 복원합니다. 한 가지 특징이 있는데, 이 도구는 디코딩하기 전에 입력에 실제 태그가 섞여 있으면 먼저 태그를 제거합니다. 특히 <script> 블록은 통째로 걷어냅니다. 그래서 웹에서 복사한 조각을 넣어도 코드가 실행되지 않고 안전하게 텍스트만 복원됩니다.

사용 방법

  1. 편집기 영역에 엔티티가 포함된 텍스트를 붙여넣습니다.
  2. 아래의 변환 버튼을 누르면 편집기 안의 내용이 디코딩된 결과로 바뀝니다.
  3. 편집기 위쪽의 복사 버튼으로 복원된 텍스트를 클립보드에 담아 사용합니다.

반대로 기호를 엔티티로 바꾸려면 HTML 엔티티 인코딩 도구를 사용하세요. 태그 자체를 지우고 순수 텍스트만 남기고 싶다면 HTML 태그 제거 도구가 더 알맞습니다.

디코딩 예시

엔티티가 어떤 기호로 되돌아오는지 정리하면 다음과 같습니다.

입력(엔티티)디코딩 결과
&lt;p&gt;<p>
&#60;div&#62;<div>
Tom &amp; JerryTom & Jerry

이름 방식(&lt;)과 번호 방식(&#60;) 모두 같은 기호로 복원되는 것을 볼 수 있습니다. 복원된 <p>는 브라우저가 실행하는 태그가 아니라 화면에 보이는 글자로만 나오므로, 코드 예시를 정리해 다시 붙여 넣을 때 편리합니다.

자주 묻는 질문

결과에서 태그가 사라졌는데 왜 그런가요?

이 도구는 디코딩 전에 입력에 들어 있는 실제 HTML 태그와 <script> 블록을 먼저 제거합니다. 이는 웹에서 복사한 코드가 화면에서 실행되지 않도록 하는 안전장치입니다. 따라서 엔티티가 아니라 진짜 태그가 섞인 글을 넣으면 그 태그 부분은 결과에서 빠집니다. 태그를 지우는 것이 목적이라면 HTML 태그 제거 도구를 쓰는 편이 명확합니다.

이름 엔티티와 번호 엔티티를 둘 다 처리하나요?

네. &lt;·&amp;·&quot; 같은 이름 엔티티와 &#60;·&#38; 같은 10진수 번호 엔티티를 모두 원래 문자로 되돌립니다. 한 글에 두 방식이 섞여 있어도 함께 처리됩니다.

입력한 내용이 서버로 전송되나요?

아닙니다. 디코딩은 접속한 분의 브라우저 안에서 자바스크립트로 처리되며, 입력한 내용이 서버로 올라가지 않습니다. 외부에 보내기 민감한 내용도 안심하고 사용할 수 있습니다.