JavaScript Nhận độ dài thực của một chuỗi (không có thực thể)

Question

Tôi cần xác định độ dài của chuỗi có thể chứa các thực thể html.

Ví dụ: "& darr;" (↓) sẽ trả về độ dài 6, đó là chính xác, nhưng tôi muốn các thực thể này được tính là chỉ có 1 ký tự.

Answer 1

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

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

Vì vậy, dựa trên lý do đó, tạo div, nối chuỗi thực thể hỗn hợp của bạn vào đó, trích xuất HTML và kiểm tra độ dài.

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

Try it here.

Bạn có thể muốn đưa rằng trong một chức năng cho thuận tiện, ví dụ:

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

Answer 2

Thật không may, JavaScript không natively hỗ trợ mã hóa hoặc giải mã các đối tượng HTML, đó là những gì bạn sẽ cần phải làm để có được độ dài chuỗi 'thực'. Tôi đã có thể tìm thấy thư viện của bên thứ ba có thể giải mã và mã hóa các thực thể HTML và nó dường như hoạt động tốt, nhưng không đảm bảo cách hoàn thành nó sẽ như thế nào.

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

Answer 3

Kể từ khi không có giải pháp sử dụng jQuery nào:

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

Sử dụng phương pháp tương tự như karim79, nhưng nó không bao giờ bổ sung thêm các yếu tố tạo ra để tài liệu.

Answer 4

Nếu bạn đang chạy javascript trong trình duyệt, tôi khuyên bạn nên sử dụng nó để giúp bạn. Bạn có thể tạo một phần tử và đặt innerHTML của nó thành chuỗi chứa các thực thể HTML. Sau đó trích xuất nội dung của phần tử mà bạn vừa tạo dưới dạng văn bản.

Dưới đây là một ví dụ (sử dụng Mootools): http://jsfiddle.net/mqchen/H73EV/

Answer 5

Bạn có thể cho hầu hết các mục đích giả thiết rằng một dấu tiếp theo chữ cái, hoặc có thể '#' và con số, theo sau là một dấu chấm phẩy, là một ký tự.

var strlen=string.replace(/&#?[a-zA-Z0-9]+;/g,' ').length;