무료 HTML 인코더 & 디코더

사용 방법

HTML 인코딩과 디코딩은 직접 작성한 정규식 치환과 하드코딩된 명명 엔티티 조회표로 전적으로 브라우저에서 실행됩니다. 서드파티 인코딩 라이브러리도 서버 왕복도 없습니다. 흔하지 않은 명명 엔티티(á나 “ 등)를 디코딩할 때는 비용이 들지 않는 대체 수단으로 브라우저 자체 HTML 파서에 맡깁니다.

1. 1
   정규식으로 바꿀 문자 탐색

   인코딩 시 유니코드를 인식하는 두 정규식 중 하나가 입력 전체에 실행됩니다. 약 25개의 일반적인 HTML 특수 문자를 대상으로 하는 패턴, 또는 U+007F 이상의 모든 코드 포인트를 잡는 넓은 패턴입니다. 각 일치는 한 글자씩 처리됩니다.
2. 2
   조회표 또는 codePointAt()로 엔티티 생성

   명명 엔티티 출력의 경우 일치한 문자를 하드코딩된 표에서 찾습니다(예: & → &, © → ©). 10진수나 16진수 출력의 경우 String.codePointAt()으로 유니코드 코드 포인트를 얻어 &#NNN; 또는 &#xNNN;으로 형식화합니다. 정규식이 유니코드 'u' 플래그를 사용하므로 서로게이트 쌍도 올바르게 처리됩니다.
3. 3
   한 번의 정규식 순회로 엔티티를 문자로 디코딩

   디코딩 시 한 번의 정규식 순회로 모든 엔티티 토큰(&, A, A 등)을 찾아 알맞은 처리기로 보냅니다: 16진수는 parseInt(base 16), 10진수는 Number(), 명명 엔티티는 역조회, 하드코딩된 표에 없는 엔티티는 브라우저가 innerHTML을 기본 파싱하는 textarea 요소를 통해 브라우저 내장 엔티티 표에서 올바른 문자를 얻습니다.
4. 4
   결과가 즉시 나타나며 Clipboard API로 클립보드에 복사

   출력은 React useMemo로 키를 누를 때마다 동기적으로 다시 계산됩니다. 복사에는 최신 비동기 Clipboard API인 navigator.clipboard.writeText()를 사용하며, 제한된 환경에서는 오류를 조용히 처리합니다.

관련 도구