JavaScript의 입력 필드를 읽을 때 HTML 인코딩을 어떻게 보존할 수 있습니까?

입력 필드에서 읽을 때 HTML 인코딩 유지

JavaScript를 사용하여 숨겨진 필드에서 값을 추출할 때 HTML 인코딩이 다음과 같은 상황에 직면하는 것이 일반적입니다. 손실되어 원하지 않는 문자열 값이 발생합니다. 이러한 경우 원래 인코딩된 형식을 유지하는 것이 필수적입니다.

다행히도 HTML 인코딩 문자열에 여러 가지 접근 방식을 사용할 수 있습니다. 한 가지 효과적인 방법은 DOMParser API를 활용하여 보다 현대적이고 안정적인 솔루션을 제공하는 것입니다.

const encodedValue = new DOMParser().parseFromString(value, "text/html").body.textContent;

또는 레거시 호환성이 필요한 경우 다음 jQuery 기반 함수가 유사한 기능을 제공합니다.

function htmlEncode(value) {
  return $("<textarea>").text(value).html();
}

function htmlDecode(value) {
  return $("<textarea>").html(value).text();
}

이 함수는 숨겨진 텍스트 영역 요소를 활용하여 문자열을 조작합니다. textContent를 원하는 값으로 설정하면 브라우저가 자동으로 콘텐츠를 HTML로 인코딩합니다. 이어서, 인코딩된 HTML은 innerHTML 속성을 통해 검색할 수 있습니다.

html 디코딩의 경우 프로세스가 반대가 되어 인코딩된 HTML이 텍스트 영역의 innerHTML로 설정되고 디코딩된 textContent가 얻어집니다.

이러한 기술 중 하나를 사용하면 원래 형식을 유지하면서 입력 필드에서 HTML로 인코딩된 값을 추출하여 정확한 문자열을 보장할 수 있습니다. 표현합니다.

위 내용은 JavaScript의 입력 필드를 읽을 때 HTML 인코딩을 어떻게 보존할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!