JavaScript で HTML エンティティを効率的にデコードするにはどうすればよいですか?

HTML 特殊エンティティのデコード: 総合ガイド

JSON データを操作する場合、次のような特殊な HTML エンティティを含む文字列に遭遇することは珍しくありません。アポストロフィーの場合は ' として。これらのエンティティをデコードすることは、意図したコンテンツを保存するために非常に重要です。

JQuery アプローチ

HTML エンティティをデコードする 1 つのアプローチは、jQuery を使用することです。

function decodeHtml(html) {
    return $('<div>').html(html).text();
}<p>この方法は迅速な解決策を提供しますが、ハッキングだと考えられており、最も効率的または多用途な方法を提供しない可能性があります。 </p>
<p><strong>優れた方法</strong></p>
<p>より信頼性が高く汎用性の高いアプローチについては、次の関数を検討してください。</p>
<pre class="brush:php;toolbar:false">function decodeHtml(html) {
    var txt = document.createElement("textarea");
    txt.innerHTML = html;
    return txt.value;
}

この機能の利点アプローチ

• タグを保持します: jQuery アプローチとは異なり、このメソッドは HTML タグを保持するため、より複雑なコンテンツの処理に適しています。
• ブラウザ間の互換性: このコードはすべての主要なブラウザと互換性があり、異なるブラウザ間でも一貫した結果が保証されます。
• 簡略化された出力: 生成された出力には HTML エンティティが含まれていないため、さらなる処理や表示が可能です。

例

この入力には HTML が含まれていると考えてください。エンティティ:

Entity: Bad attempt at XSS:<script>alert('new\nline?')</script><br>

上記の方法を使用してデコードすると、出力は次のように表示されます:

Entity: Bad attempt at XSS:<script>alert('new\nline?')</script><br>

HTML エンティティが適切にデコードされると、このアプローチは特殊文字を処理するための信頼性が高く汎用性の高いソリューションを提供します。 JSON データ。