HTML文字列をアンエスケープ

HTML文字列をアンエスケープするには次のような方法で可能です。

関数定義

JavaScript

var unescapeHtml = function(target) {
	if (typeof target !== 'string') return target;

	var patterns = {
		'&lt;'   : '<',
		'&gt;'   : '>',
		'&amp;'  : '&',
		'&quot;' : '"',
		'&#x27;' : '\'',
		'&#x60;' : '`'
	};

	return target.replace(/&(lt|gt|amp|quot|#x27|#x60);/g, function(match) {
		return patterns[match];
	});
};

使い方

var result = unescapeHtml( convertString );

引数

引数名 説明
第一引数
必須
convertString string 変換したいHTML文字列

戻り値

アンエスケープされた文字列を返します。

サンプルコード

JavaScript

var htmlStr = '&lt;div id=&quot;sample&quot;&gt;&lt;p class=&quot;text&quot;&gt;foo&lt;br&gt;&lt;a href=&quot;https://example.co.jp/?k1=v1&amp;k2=v2&quot; target=&quot;_blank&quot;&gt;bar&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;';

var result = unescapeHtml(htmlStr);

alert(result);

JavaScript逆引きリファレンス一覧へ戻る