JavaScript에서 HTML 엔터티를 인코딩하는 방법: 실용 가이드

JavaScript에서 HTML 엔터티 인코딩

소개

사용자 생성 콘텐츠를 표시할 때 다음과 같은 특수 문자를 처리하는 것이 중요합니다. ® 및 &는 모든 브라우저에서 올바르게 렌더링되지 않을 수 있습니다. 이 문제를 해결하려면 일관된 표시를 위해 이러한 기호를 HTML 엔터티로 변환해야 합니다.

JavaScript 솔루션

HTML 엔터티 인코딩에 대한 간단한 JavaScript 접근 방식은 정규식을 사용하는 것입니다. 원하는 기호를 일치시키고 바꾸려면:

<code class="javascript">const encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&amp;]/g, function(i) {
   return '&amp;#'+i.charCodeAt(0)+';';
});</code>

이 코드는 지정된 문자 범위(유니코드 00A0 - 9999, 앰퍼샌드, 초과 및 미만)를 반복합니다. 각 일치 항목에 대해 동등한 HTML 엔터티(&#nnn;)를 반환합니다. 여기서 nnn은 유니코드 문자 코드입니다.

Sup Tag Wrapping

필요한 경우 ^{스타일 지정 목적의 태그:}

<code class="javascript">// First encode the HTML entity as described above.

const encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&amp;]/g, function(i) {
   return '&amp;#'+i.charCodeAt(0)+';';
});

// Then, wrap the encoded entity in a `<sup>` tag:

const supEncodedStr = encodedStr.replace(/\&amp\;#/g, '<sup>&amp;#');</code>

추가 고려 사항

• 웹사이트에서 이러한 특수 문자를 지원하려면 UTF8 문자 인코딩을 사용하는지 확인하세요.
• 다양한 브라우저에서 변환을 테스트하여 글꼴 및 구성 변화를 고려하세요.

위 내용은 JavaScript에서 HTML 엔터티를 인코딩하는 방법: 실용 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!