Supertrue walfo

jQuery, 簡単なHTML文字列のエスケープ

jQuery を使った簡単なHTMLタグのエスケープ

概要

たまたま別の目的で見ていた書籍で見つけたjQueryを使ったHTMLタグのエスケープ方法。

記述

function escapedHtml(c) {
  return $('<div></div>').text(c);
}

サンプル

<textarea id="input">test<script>alert('ok')</script></textarea><br>
<button id="submit">送信</button>
<div id="res"></div>

<script>
$(function() {
  $('#submit').on('click', function() {
    var value = $('#input').val();
    var escaped = escapedHtml(value);
    return $('#res').html(escaped);
  });
});

function escapedHtml(c) {
  return $('<div></div>').text(c);
}
</script>

リンク

2015年8月12日 17:05
2015年8月12日 17:09 編集済み