Question

In JavaScript, how can I convert a string containing HTML entities to uppercase. Take the string ‘Cafés & Bars’ for example:

Cafés & Bars

It needs to be converted to:

CAFÉS & BARS

If toUpperCase() were used, it would destroy both the entities. If the text were to be uppercased and then text between & and ; were lowercased then the acute E would remain lowercase.

In my particular case, I am unable to solve this using the text-transform: uppercase style.

Answer 1

function decodeEntities(string){
var elem = document.createElement('div');
elem.innerHTML = string;
return elem.textContent;
}

Then simply do something like decodeEntities('Cafés & Bars').toUpperCase();
But note that when you do, your returned text won’t be CAFÉS & BARS it will be CAFÉS & BARS