JavaScript에서 HTML 엔터티 인코딩

콘텐츠 관리 시스템(CMS)에 콘텐츠를 입력할 때 ®와 같은 특수 문자를 처리하는 것이 중요합니다. 브라우저 전반에 걸쳐 적절한 표시를 보장합니다. 이 문제를 해결하기 위해 JavaScript를 사용하여 이러한 기호를 찾아 적절한 HTML 엔터티로 변환할 수 있습니다.

정규 표현식을 사용하면 특정 문자 범위를 해당 HTML 엔터티로 바꾸면 변환이 이루어질 수 있습니다. JavaScript 코드는 다음과 유사합니다.

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

이 코드는 지정된 유니코드 범위(00A0-9999) 내의 모든 문자와 특수 문자(&, )를 해당 HTML 엔터티로 바꿉니다. 예를 들어, ®는 ®가 됩니다.

또는 ES6에서는:

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

이 접근 방식을 사용하면 적용 가능한 모든 문자를 HTML 엔터티로 변환할 수 있습니다. 그러나 시스템 글꼴 구성 및 기타 요소가 잠재적으로 이러한 문자의 올바른 표시에 영향을 미칠 수 있다는 점에 유의하는 것이 중요합니다.

UTF8 인코딩 및 데이터베이스 저장 보장과 같은 문자 인코딩과 관련된 잠재적인 문제를 고려하여 표시 불일치를 완화하세요. .

또한 글꼴 크기 및 패딩과 같은 특정 디스플레이 기본 설정에 적절한 CSS 스타일을 적용할 수 있습니다.

sup { font-size: 0.6em; padding-top: 0.2em; }

구현되면 이 CSS는 HTML 엔터티의 일관된 표시를 보장합니다.

Documentation:

• String.charCodeAt: https: //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt
• HTML 문자 엔터티: http://www.chucke.com/entities.html