jQueryでHTMLエンティティ化
文字列をHTMLエンティティ(実体参照)に変換
jQuery
$(function() {
  $('#before').focusout(function() {
    var str = $(this).val();
    // アルファベット数字記号を置換
    str = str.replace(/[A-Za-z0-9!-/:-@\[-`{-~]/g, function(str) {
      return String('&#' + str.charCodeAt(0) + ';');
    });
    // & (アンパサンド) は &
    // " (ダブルクォート) は "
    // < (小なり) は <
    // > (大なり) は >
    var entity_number = ['&', '"', '<', '>'];
    var entity_name = ['&', '"', '<', '>'];
    for (var i in entity_number) {
      str = str.split(entity_number[i]).join(entity_name[i]);
    }
    // 特殊記号のみ(アルファベット数字他記号は除く)
    // var entity_number = ['&', '"', '<', '>'];
    // var entity_name = ['&', '"', '<', '>'];
    // for (var i in entity_number) {
    //   str = str.split(entity_number[i]).join(entity_name[i]);
    // }
    $('#after').val(str);
  });
});
文字コード表 00-3ffを参照。
サンプル