Convert एचटीएमएल चरित्र संस्थाओं वापस नियमित पाठ करने के लिए जावास्क्रिप्ट

Question

प्रश्नों का उपयोग कर यह कहते हैं सब :)

जैसे। हम > है, हम का उपयोग कर केवल जावास्क्रिप्ट

अद्यतन> की जरूरत है: ऐसा लगता है jQuery आसान तरीका बाहर है। लेकिन, हल्का समाधान होना अच्छा लगेगा। एक ऐसा फ़ंक्शन जैसा जो स्वयं ही ऐसा करने में सक्षम है।

Answer 1

आप कुछ इस तरह कर सकता है:

String.prototype.decodeHTML = function() { 
    var map = {"gt":">" /* , … */}; 
    return this.replace(/&(#(?:x[0-9a-f]+|\d+)|[a-z]+);?/gi, function($0, $1) { 
     if ($1[0] === "#") { 
      return String.fromCharCode($1[1].toLowerCase() === "x" ? parseInt($1.substr(2), 16) : parseInt($1.substr(1), 10)); 
     } else { 
      return map.hasOwnProperty($1) ? map[$1] : $0; 
     } 
    }); 
}; 

Answer 2

इसमें कुछ भी नहीं बनाया गया है, लेकिन ऐसा करने के लिए कई पुस्तकालयों को लिखा गया है।

Here एक है।

और here एक जो jQuery प्लगइन है।

Answer 3

function decodeEntities(s){ 
    var str, temp= document.createElement('p'); 
    temp.innerHTML= s; 
    str= temp.textContent || temp.innerText; 
    temp=null; 
    return str; 
} 

alert(decodeEntities('<')) 

/* returned value: (String) 
< 
*/ 

Answer 4

मुझे पता है कि पुस्तकालयों सारे हैं, लेकिन यहाँ ब्राउज़र के लिए समाधान के एक जोड़े हैं। एचटीएमएल इकाई डेटा स्ट्रिंग्स को मानवीय संपादन योग्य क्षेत्रों में रखकर अच्छी तरह से काम करते हैं जहां आप अक्षर दिखाना चाहते हैं, जैसे टेक्स्टरेरा या इनपुट [टाइप = टेक्स्ट]।

मैं यह उत्तर जोड़ता हूं क्योंकि मुझे आईई के पुराने संस्करणों का समर्थन करना है और मुझे लगता है कि यह कुछ दिनों के शोध और परीक्षण के लिए तैयार है। मुझे आशा है कि किसी को यह उपयोगी लगेगा।

सबसे पहले यह jQuery का उपयोग करके अधिक आधुनिक ब्राउज़र के लिए है, कृपया ध्यान दें कि यदि आपको 10 (7, 8, या 9) से पहले IE के संस्करणों का समर्थन करना है, तो इसका उपयोग नहीं किया जाना चाहिए क्योंकि यह आपको छोड़ने वाली न्यूलाइन को बाहर कर देगा पाठ की सिर्फ एक लंबी लाइन।

if (!String.prototype.HTMLDecode) { 
    String.prototype.HTMLDecode = function() { 
      var str = this.toString(), 
      $decoderEl = $('<textarea />'); 

     str = $decoderEl.html(str) 
      .text() 
      .replace(/<br((\/)|(\/))?>/gi, "\r\n"); 

     $decoderEl.remove(); 

     return str; 
    }; 
} 

यह अगले एक कुछ मतभेद जो ज्यादातर पुराने आईई संस्करण के लिए कर रहे हैं के साथ ऊपर Kennebec के काम पर आधारित है,। इसे jQuery की आवश्यकता नहीं है, लेकिन अभी भी एक ब्राउज़र की आवश्यकता है।

if (!String.prototype.HTMLDecode) { 
    String.prototype.HTMLDecode = function() { 
     var str = this.toString(), 
      //Create an element for decoding    
      decoderEl = document.createElement('p'); 

     //Bail if empty, otherwise IE7 will return undefined when 
     //OR-ing the 2 empty strings from innerText and textContent 
     if (str.length == 0) { 
      return str; 
     } 

     //convert newlines to <br's> to save them 
     str = str.replace(/((\r\n)|(\r)|(\n))/gi, " <br/>");    

     decoderEl.innerHTML = str; 
     /* 
     We use innerText first as IE strips newlines out with textContent. 
     There is said to be a performance hit for this, but sometimes 
     correctness of data (keeping newlines) must take precedence. 
     */ 
     str = decoderEl.innerText || decoderEl.textContent; 

     //clean up the decoding element 
     decoderEl = null; 

     //replace back in the newlines 
     return str.replace(/<br((\/)|(\/))?>/gi, "\r\n"); 
    }; 
} 

/* 
Usage: 
    var str = "&gt;"; 
    return str.HTMLDecode(); 

returned value: 
    (String) >  
*/ 

Answer 5

संपूर्ण HTML दस्तावेज़ को डीकोड करने के लिए यहां एक "कक्षा" है।

HTMLDecoder = { 
    tempElement: document.createElement('span'), 
    decode: function(html) { 
     var _self = this; 
     html.replace(/&(#(?:x[0-9a-f]+|\d+)|[a-z]+);/gi, 
      function(str) { 
       _self.tempElement.innerHTML= str; 
       str = _self.tempElement.textContent || _self.tempElement.innerText; 
       return str; 
      } 
     ); 
    } 
} 

ध्यान दें कि मैं संस्थाओं को पकड़ने के लिए है, लेकिन पूरी तरह से वैध HTML दस्तावेज़ (या एक्सएचटीएमएल) के लिए Gumbo के regexp इस्तेमाल किया आप simpy /&[^;]+;/g इस्तेमाल कर सकते हैं।