☰

JavaScript で HTML 特殊文字をエスケープできますか? 質問する

tag-icon • tag-icon javascript html
JavaScript で HTML 特殊文字をエスケープできますか? 質問する

JavaScript 関数を使用してテキストを HTML に表示したいです。JavaScript で HTML 特殊文字をエスケープするにはどうすればよいですか? API はありますか?

ベストアンサー1

実質的にすべての Web ブラウザーで機能するソリューションは次のとおりです。

function escapeHtml(unsafe)
{
    return unsafe
         .replace(/&/g, "&")
         .replace(/</g, "&lt;")
         .replace(/>/g, "&gt;")
         .replace(/"/g, "&quot;")
         .replace(/'/g, "&#039;");
 }

最新のウェブブラウザ（2020年以降）のみをサポートする場合は、新しいすべて置換関数：

const escapeHtml = (unsafe) => {
    return unsafe.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll("'", '&#039;');
}

おすすめ記事