Devo determinare la lunghezza della stringa che può contenere entità html.JavaScript Ottieni la lunghezza reale di una stringa (senza entità)
Ad esempio "& darr;" (↓) restituirebbe la lunghezza 6, che è corretta, ma voglio che queste entità vengano contate come solo 1 carattere.
<div id="foo">↓</div>
alert(document.getElementById("foo").innerHTML.length); // alerts 1
Quindi, sulla base che razionale, creare un div, aggiungere il tuo entità mescolati cavalcato stringa ad esso, estrarre il codice HTML e controllare la lunghezza.
var div = document.createElement("div");
div.innerHTML = "↓↓↓↓";
alert(div.innerHTML.length); // alerts 4
Si potrebbe desiderare di mettere che in una funzione per comodità, ad esempio:
function realLength(str) { // maybe there's a better name?
var el = document.createElement("div");
el.innerHTML = str;
return el.innerHTML.length;
}
Purtroppo, JavaScript non supporta nativamente la codifica o decodifica di entità HTML, che è ciò che dovrai fare per ottenere la lunghezza della stringa "reale". Sono stato in grado di trovare questa libreria di terze parti che è in grado di decodificare e codificare le entità HTML e sembra funzionare abbastanza bene, ma non c'è alcuna garanzia su come sarà completo.
Dal momento che non c'è soluzione utilizza jQuery ancora:
var str = 'lol&';
alert($('<span />').html(str).text().length); // alerts 4
utilizza lo stesso approccio come karim79, ma non è mai aggiunge l'elemento creato per il documento.
Forse mi manca qualcosa ma la risposta di karim non aggiunge l'elemento al documento. –
ok, sembra che abbia letto solo metà della sua risposta (o l'ha modificata) – ThiefMaster
Se si sta utilizzando javascript in un browser, suggerirei di utilizzarlo per aiutarvi. Puoi creare un elemento e impostare il suo innerHTML come stringa contenente entità HTML. Quindi estrai il contenuto di quell'elemento che hai appena creato come testo.
Ecco un esempio (utilizza Mootools): http://jsfiddle.net/mqchen/H73EV/
Si potrebbe per la maggior parte degli scopi per scontato che una e commerciale seguito da lettere, o una possibile '#' e numeri, seguiti da un punto e virgola, è un carattere.
var strlen=string.replace(/&#?[a-zA-Z0-9]+;/g,' ').length;
Soluzione intrigante. –
I [modified the fiddle] (http://jsfiddle.net/e89hJ/1/) e ho testato questa soluzione contro gli input e gli output della soluzione basata su libreria che ho postato e c'era qualche incoerenza. Vale a dire, ho inserito un input codificato e ottenuto 110 caratteri, quindi ho inserito un input decodificato degli stessi dati e ottenuto 96 caratteri. Non sei sicuro del perché esattamente, ma potrebbe valerne la pena. –
@Nathan Taylor - L'incoerenza potrebbe essere causata da '.val' o interruzioni di riga di jQuery. – karim79