HTML 인코딩
웹페이지가 아니라, 붙여넣기용 문자열을 살리는 HTML 인코딩
HTML 인코딩 페이지를 찾는 분 대부분은 “페이지를 만들겠다”기보다 “다음 시스템으로 문자열을 넘기겠다”에 가깝습니다. CMS에서 복사한 툴팁 본문, JSON 필드에 넣은 `<div>` 조각, 로그 한 줄에 섞인 `<`와 `&`—이런 내용은 그대로 두면 받는 쪽에서 태그로 해석해 버립니다. html 인코딩은 `<`, `>`, `&`, 따옴표를 `<`, `&` 같은 형태로 바꿔, 복사·전송 과정에서 깨지지 않게 합니다. 왼쪽에 붙여넣고 오른쪽에서 결과를 바로 확인하면 됩니다. 업로드 대기열 없고, 계정도 필요 없습니다. 출력이 갱신됐는지 헷갈릴 일도 없습니다. 기능은 일부러 좁게 잡았습니다. 레이아웃 도구나 태그 자동 수정은 없습니다. 대신 연동 현장에서 자주 필요한 두 가지를 넣었습니다. 파이프라인이 이스케이프를 겹겹이 쌓을 때 쓰는 **이중 인코딩**, 그리고 **인코딩하기 전 원본 HTML을 실시간으로 미리보기**해서 “지금 인코딩하는 조각이 맞는지” 눈으로 확인하는 기능입니다.
html 인코딩이 바꾸는 것
인코딩은 HTML에서 의미 있는 문자—`<`, `>`, `&`, 따옴표—to 엔티티 참조로 바꿉니다. 글자 모양은 달라져도 문장 의미는 그대로입니다. JSON, XML, 속성값, DB 텍스트 컬럼처럼 “먼저 문자열로 저장”되는 곳에 HTML 조각을 넣을 때 html 인코더를 씁니다. 순서도 중요합니다. `&`를 먼저 처리해야 기존 엔티티가 망가지지 않습니다. **1회**면 대부분의 티켓·API가 기대하는 수준입니다. **2회**는 받는 쪽에서 한 번 더 이스케이프할 때—최종 저장값을 미리 `&lt;` 형태로 맞춰 두려는 경우에 씁니다.
붙여넣은 내용에 태그가 보이면, 오른쪽 패널에서 원본 HTML을 샌드박스 iframe으로 미리볼 수 있습니다. 기본 탭은 **인코딩 텍스트**라서 엔티티 결과를 먼저 봅니다. 태그 없는 순수 문장만 인코딩하는 작업은 미리보기 없이 바로 결과만 보여 줍니다—실무에서 더 흔한 패턴입니다.
HTML 인코딩 도구 열기1회·2회 전환
다시 붙여넣지 않고 횟수만 바꿔 같은 원문의 1·2회 결과를 비교할 수 있습니다.
원문 미리보기, 인코딩 결과 복사
미리보기는 원본 입력 기준입니다. 이스케이프된 문자열을 렌더링하려 하지 않아도 됩니다.
붙여넣기가 불안할 때는 파일 import
메신저·메일 경유 시 문자가 다시 이스케이프되는 경우가 있습니다. `.txt`·`.html` 파일을 직접 불러오면 의도한 바이트를 유지하기 쉽습니다.
범용 escape 함수 대신 이 HTML 인코더를 쓰는 이유
html 인코딩만을 위한 작업 공간—코드 에디터 메뉴 깊숙이 숨은 기능이 아닙니다.
붙여넣고 바로 넘기는 흐름
지원·연동·콘텐츠 운영은 하루 종일 문자열을 옮깁니다. 이 html 인코더는 입력과 동시에 결과를 갱신하고, 디스크에 있는 `.txt`·`.html`을 가져올 수 있으며, 인코딩된 문자열을 한 번에 복사하거나 다운로드합니다. 내부 URL이나 고객 데이터가 섞인 paste를 서버로 보낼 필요가 없습니다. 로컬에서 돌아가므로 따옴표 하나 고치고, 이스케이프 형태가 어떻게 바뀌는지 보며, 스테이징 API에 다시 붙여 넣는 반복도 빠릅니다.
HTML 코드 인코딩 방법 (실무 3단계)
1) 이스케이프할 내용 붙여넣기 또는 import
왼쪽 패널에 HTML 조각, 메일 snippet, `&`·`<`가 섞인 문장을 넣습니다. 이미 `.txt`·`.html`로 저장돼 있으면 **파일에서 가져오기**를 씁니다. 전체 문서일 필요는 없고, 넘길 조각만 알고 있으면 됩니다.
2) 1회·2회 선택 후 인코딩 텍스트 확인
하류 시스템이 이중 이스케이프하지 않는 한 **1회**로 시작합니다. 오른쪽은 기본적으로 **인코딩 텍스트** 탭입니다. 입력이 markup이라면 잠깐 **미리보기**로 원본 HTML을 확인한 뒤, 다시 인코딩 결과로 돌아와 복사합니다.
3) 복사 또는 다운로드
이스케이프된 한 줄을 대상 필드에 붙여 넣거나, 티켓 첨부용으로 `.txt`를 받습니다. 공용 PC에서는 작업 후 **초기화**로 내용을 비웁니다.
HTML 인코딩 FAQ
한 번 인코딩하고, 안심하고 붙여넣기
브라우저에서 live html 인코딩—필요할 때 2회 패스, 태그가 있으면 원문 미리보기.
HTML 인코딩
- 브라우저 로컬 HTML 인코더
- 1회·2회 인코딩 패스
- 복사 전 원본 HTML 미리보기
- 인코딩 텍스트 복사·txt 다운로드
브라우저에서 동작합니다. 계정이 필요 없습니다.
이스케이프 깊이를 더 이상 추측하지 마세요
인코딩 결과는 live로 확인하고, markup이 있을 때만 원문을 미리본 뒤 복사합니다.