HTML 디코딩
겉보기는 멀쩡한데 읽기만 힘든 문자열 — HTML 디코딩이 필요할 때
이스케이프된 HTML은 티켓, JSON 페이로드, DB 내보내기, 도구를 한 번 더 거친 «소스 보기» 복사본 어디에나 있습니다. 내용은 맞는데 `<`가 `<`로, 따옴표가 `"`로 저장돼 전송용으로는 괜찮고, 스니펫을 고치거나 템플릿에 넣거나 동료에게 필드 내용을 설명할 때는 고통스럽습니다. 이 온라인 HTML 디코딩 작업 공간은 그 순간을 위해 만들었습니다. 왼쪽에 이스케이프 문자열을 붙여넣으면 오른쪽이 입력과 함께 갱신됩니다. 업로드 단계 없고, 계정 없고, 서버가 paste를 되돌려 주길 기다릴 필요도 없습니다. 대부분의 작업은 기본 **디코딩 텍스트** 탭에서 끝납니다 — 앰퍼샌드 벽이 아니라 글자를 봅니다. REPL의 한 줄 `unescape` 스니펫과 다른 점이 두 가지 있습니다. 첫째 **이중 디코딩**: 파이프라인이 두 번 인코딩했으면 1회 후에도 `<`가 남아 «뭔가 아직 틀렸다»는 느낌이 듭니다. **2회**로 바꾸면 두 번째 패스가 결과를 바꿀 때 툴바가 강조됩니다. 둘째, 디코딩 결과가 실제 markup이면 샌드박스 iframe에서 **디코딩된 HTML의 라이브 미리보기**를 열 수 있고, 텍스트 보기는 한 번의 클릭 거리 — «842번째 문자가 뭐지?»가 아니라 «태그가 돌아왔나?»를 확인할 때 유용합니다.
HTML 디코더가 실제로 되돌리는 것
디코딩은 엔티티 참조를 다시 원래 문자로 바꿉니다: `&`→`&`, `<`→`<`, `'`→아포스트로피, CMS 내보내기에 흔한 이름 있는 엔티티까지. 이 HTML 디코더는 완벽한 문서만이 아니라 붙여넣은 전체 — 조각, 부분 템플릿, 긴 로그 한 줄 —에 그 변환을 적용합니다. 깨진 태그를 고치거나, markup을 다시 들여쓰거나, 스크립트를 제거하지는 않습니다. 봉투를 여는 것이지, 안의 편지를 고치는 게 아닙니다. 구조 정리는 에디터나 포매터에서; 디코딩의 일은 문자열을 다시 읽을 수 있게 만드는 것입니다.
출력에 HTML처럼 보이는 태그가 있으면 오른쪽 열에 **미리보기**와 **디코딩 텍스트** 탭이 있습니다. 미리보기는 이스케이프 **입력**이 아니라 **디코딩된** 결과를 렌더링해, 엔티티가 사라진 뒤 레이아웃을 sanity check할 수 있습니다. 인터페이스는 기본적으로 디코딩 텍스트 — 태그 없이 ©만 필요한 작업이 많기 때문입니다. 프래그먼트를 눈으로 확인해야 할 때만 미리보기를 씁니다.
HTML 디코딩 도구 열기1·2회 전환, 2회가 도움될 때 안내
두 번째 디코딩이 출력을 바꿀 때 패스 선택기가 강조됩니다. API 필드 이중 인코딩처럼 흔한 경우, 엔티티 soup에서 추측하지 않아도 됩니다.
이스케이프 층이 아니라 디코딩된 markup 미리보기
iframe 미리보기는 디코딩 후 정리된 문자열에 동작합니다. 에디터에 붙이기 전에 태그가 돌아왔는지 확인합니다.
가져오기·복사·다운로드 — 로컬만
디스크의 `.txt`·`.html` 내보내기를 불러오고, 디코딩 텍스트를 복사하거나 티켓 첨부용 `.txt`를 받습니다. 처리는 브라우저 탭 안에서만.
실무 지원·연동에 맞는 HTML 디코더를 쓰는 이유
읽기와 붙여넣기를 위한 엔티티 복원 — 한 페이지에 HTML IDE를 억지로 넣지 않습니다.
이미 이스케이프된 채로 도착하는 문자열용
연동·지원 담당은 깨끗한 markup을 잘 받지 못합니다. 모든 괄호가 이스케이프된 JSON 값, 두 시스템이 같은 필드를 만져 `&lt;table&gt;`가 된 티켓 필드 — 이런 문자열을 ad-hoc 스크립트나 긴 줄을 조용히 자르는 도구 없이 HTML 디코딩 흐름으로 검사할 수 있습니다. 왼쪽 패널을 고치면 출력이 live로 갱신되어, 끝 줄바꿈을 자르거나 전후를 비교하거나 패스를 바꾼 뒤 다시 돌릴 수 있습니다. 채팅 paste에 담기엔 큰 이스케이프 체인은 파일 import로.
HTML 코드 디코딩 방법 (실무 3단계)
1) 이스케이프 문자열 붙여넣기 또는 import
왼쪽 패널에 인코딩된 내용 — 티켓 본문, API 필드, 로그 발췌, 파일 내보내기 —을 넣습니다. 문자열이 디스크에 있으면 `.txt`·`.html`에 **파일에서 가져오기**. 전체 문서는 필요 없고, 부분 이스케이프도 같은 방식으로 디코딩됩니다.
2) 1·2회 선택 후 디코딩 출력 확인
**1회**부터 시작합니다. 오른쪽에 엔티티 이름 앞에 `&`가 남거나 툴바가 두 번째 패스를 제안하면 **2회**로 바꿉니다. **디코딩 텍스트** 탭이 기본이라 문자를 바로 봅니다. 디코딩 결과에 눈으로 볼 태그가 있을 때만 **미리보기**를 엽니다.
3) 복사·다운로드 후 다른 곳에서 편집
디코딩 문자열을 에디터, CMS, 테스트 하네스에 복사합니다. 인시던트 첨부용 `.txt`를 받을 수 있습니다. 공용 PC에서는 끝난 뒤 패널을 **초기화**하세요.
HTML 디코딩 FAQ
엔티티 noise를 다시 읽을 수 있는 텍스트로
브라우저에서 HTML 디코딩 — 1·2회, 디코딩 결과가 markup이면 미리보기.
HTML 디코딩
- 브라우저 로컬 HTML 디코더
- 1·2회 디코딩과 스마트 안내
- 디코딩된 HTML 라이브 미리보기
- 디코딩 텍스트 복사·txt 다운로드
브라우저에서 동작합니다. 계정이 필요 없습니다.
앰퍼샌드 soup 읽기는 그만
이스케이프 문자열을 붙여 live 디코딩, 필요할 때 markup 미리보기, 읽히면 복사.