JavaScript または jQuery を使用して HTML エンティティをデコードするにはどうすればよいですか?

JavaScript/jQuery を使用した HTML エンティティのデコード

Web 開発では、特殊文字を正しく表示するために HTML エンティティをデコードする必要があることがよくあります。この質問では、JavaScript または jQuery を使用してこれを実現する方法について説明します。

解決策 1: jQuery を使用する

提供された jQuery コードは HTML エンティティをデコードできますが、関連する潜在的な欠点があります。パフォーマンスとセキュリティに。より安全で最適化された関数をお勧めします:

var decodeEntities = (function() {
  // Internal element for HTML parsing
  var element = document.createElement('div');

  function decodeHTMLEntities(str) {
    if (str && typeof str === 'string') {
      // Sanitize HTML tags
      str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
      str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');

      // Decode entities
      element.innerHTML = str;
      str = element.textContent;
      element.textContent = '';
    }

    return str;
  }

  return decodeHTMLEntities;
})();

使用法:

var decodedString = decodeEntities("&");

解決策 2: jQuery プラグインを使用する

decodeEntities 関数は簡単に jQuery に変換できますプラグイン:

jQuery.decodeEntities = decodeHTMLEntities;

使用法:

$(".selector").text(jQuery.decodeEntities("&"));

例:

入力文字列 `var var

以上がJavaScript または jQuery を使用して HTML エンティティをデコードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。