將包含 HTML 個實體的字符串轉換為大寫

Question

在JavaScript中，如何將包含HTML實體的字符串轉換為大寫。 以字符串 'Cafés & Bars' 為例：

Cafés & Bars

它需要轉換為：

CAFÉS & BARS

如果使用toUpperCase() ，它會破壞兩個實體。 如果文本要大寫，然后文本在&和;之間被小寫，那么急音 E 將保持小寫。

在我的特殊情況下，我無法使用text-transform: uppercase樣式來解決這個問題。

Answer 1

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

然后只需執行諸如decodeEntities('Cafés & Bars').toUpperCase(); 但請注意，這樣做時，您返回的文本將不會是CAFÉS & BARS CAFÉS & BARS這將是咖啡館及酒吧

Answer 2

如果您可以控制文本表示，則可以使用（或將文本命名實體轉換為）十進制 HTML 實體； 它們不會轉換為大寫，因為數字只有一種情況。

所以：

而不是& 使用&
而不是< 使用&#60
而不是" 使用"

等等

Answer 3

我希望這個小提琴中有足夠的示例為您解決問題。 僅供參考，您沒有提及是否使用jQuery，如果您只需要普通JS，我可以進行更新。