javascript regex html karakterlerini değiştirin

Question

Bir girdinin değerini, html'ye özgü karakterleri içeren bir girişle ayarlamak için javascript kullanıyorum &  vb. Bu değerlerle eşleşen bir regex bulmaya çalışıyorum. bunları sırasıyla uygun değerle değiştirin ("&", " "), sadece bunu yapmak için normal ifadeleri anlayamıyorum. İşte yapmaya çalıştığım şey. Bir nesne yedek değerine eşleşmeleri ve başvuru içerdiğinden emin olun: Ben dizeyle eşleşen istiyorum Sonra

 
var specialChars = { 
    " " : " ", 
    "&" : "&", 
    ">" : ">", 
    "&lt;" : "<" 
} 

denedim

 
var stringToMatch = "This string has special chars & and  " 

 
stringToMatch.replace(/( |&)/g,specialChars["$1"}); 

gibi bir şey ama işe yaramıyor. Özel etiketi nasıl yakalayacağımı ve değiştirmeyi gerçekten anlamıyorum. Herhangi bir yardım büyük beğeni topluyor.

Answer 1

Biraz farklı bir konuda (Efficiently replace all accented characters in a string?) bir sorudan fonksiyonları kullanabilirsiniz.

Jason Bunting cevabı burada, bazı güzel fikirler + gerekli açıklaması var sen bunu yararlı buluyorum bu temelde, onun kod olduğu gibi, aynı zamanda kendi özgün cevabı upvote eğer başlamak için bazı değişikliklerle (ile yaptığı çözüm).

var stringToMatch = "This string has special chars & and  "; 
var stringOutput = replaceHtmlEntites(stringToMatch); 

Numaralı entites daha kolay olduğu gibi, çok daha genel olarak biraz hesap ve String.fromCharCode() kullanarak bunları değiştirebilirsiniz

var replaceHtmlEntites = (function() { 
    var translate_re = /&(nbsp|amp|quot|lt|gt);/g, 
     translate = { 
      'nbsp': String.fromCharCode(160), 
      'amp' : '&', 
      'quot': '"', 
      'lt' : '<', 
      'gt' : '>' 
     }, 
     translator = function($0, $1) { 
      return translate[$1]; 
     }; 

    return function(s) { 
     return s.replace(translate_re, translator); 
    }; 
})(); 

çağrılabilir.

---

Başka, daha basit olasılık

function replaceHtmlEntites(string) { 
    var div = document.createElement("div"); 
    div.innerHTML = string; 
    return div.textContent || div.innerText; 
} 

replaceHtmlEntites("This string has special chars < & >"); 
// -> "This string has special chars < & >" 

Answer 2

Sen ne yapmak istediğinizi yapmak için bir fonksiyon tabanlı değiştirme kullanabilirsiniz:

var myString = '&'+'nbsp;&'+'nbsp;&tab;©'; 
myString.replace(/&\w+?;/g, function(e) { 
    switch(e) { 
     case ' ': 
      return ' '; 
     case '&tab;': 
      return '\t'; 
     case '©': 
      return String.fromCharCode(169); 
     default: 
      return e; 
    } 
}); 

Ancak, durumunuzu dikkate çağırıyorum yoktur. & nbsp alıyorsanız; ve & kopya; ve metin değerlerinizdeki diğer HTML öğeleri, bunları gerçekten değiştirmek ister misiniz? Onları sonradan dönüştürmelisin mi?

Sadece akılda tutulması gereken bir şey.

Şerefe!

Answer 3

bir başka yolu Sonra metin atama div nesnesi

var tmp = document.createElement("div"); 

oluşturmak olacaktır (herhangi bir tarayıcıda çalışır) böyleolacağını onun iç html Ve nihayet elemanın metin içeriğini

var output = tmp.textContent || tmp.innerText //for IE compatibility 

Ve işte oldu okurken ...