JavaScript 실체가없는 문자열의 길이 얻기

Question

html 엔티티를 포함 할 수있는 문자열의 길이를 결정해야합니다.

예 : "↓" (↓)는 길이가 6 인 경우를 반환하지만이 엔티티를 1 문자로만 계산하려고합니다.

Answer 1

<div id="foo">&darr;</div> 

alert(document.getElementById("foo").innerHTML.length); // alerts 1 

그래서 그 근거에 따라 div를 만들고, 혼합 된 엔티티 라이딩 된 문자열을 추가 한 다음 HTML을 추출하고 길이를 확인하십시오.

var div = document.createElement("div"); 
div.innerHTML = "↓↓↓↓"; 
alert(div.innerHTML.length); // alerts 4 

Try it here.

당신은, 편의를 위해 함수에 그것을 넣어 예, 할 수 있습니다

:

function realLength(str) { // maybe there's a better name? 
    var el = document.createElement("div"); 
    el.innerHTML = str; 
    return el.innerHTML.length; 
} 

Answer 2

불행하게도, 자바 스크립트는 기본적으로 무엇을이다 인코딩 또는 HTML 엔티티 디코딩을 지원하지 않습니다 '실제'문자열 길이를 얻으려면해야합니다. HTML 엔터티를 디코딩하고 인코딩 할 수있는 타사 라이브러리를 찾을 수 있었지만 제대로 작동하는 것처럼 보였습니다. 그러나 이 완료되면이 될 것입니다.

http://www.strictly-software.com/htmlencode

Answer 3

아직 jQuery를 사용하여 해결책이 없기 때문에 :

var str = 'lol&'; 
alert($('<span />').html(str).text().length); // alerts 4 

이 karim79 같은 동일한 방법을 사용하지만 결코 문서에 생성 된 요소를 추가하지 않습니다.

Answer 4

브라우저에서 자바 스크립트를 실행하는 경우 도움을 청합니다. 요소를 만들고 innerHTML을 HTML 엔터티가 포함 된 문자열로 설정할 수 있습니다. 그런 다음 방금 작성한 요소의 내용을 텍스트로 추출하십시오. 여기

은 예입니다 (Mootools의 사용) : 대부분의 용도에 http://jsfiddle.net/mqchen/H73EV/

Answer 5

당신은 할 수 세미콜론 다음에 문자, 또는 가능한 '#'와 숫자 뒤에 앰퍼샌드, 하나 개의 문자입니다 가정합니다.