javascriptでPHPのhtmlspecialchars_decode をする

htmlspecialchars_decode
このエントリーをはてなブックマークに追加
PR

ajax等で受け取ったjson等に含まれる値に htmlspecialchars_encode したものがある場合に、javascript側でdecodeして表示したい場合の方法。javascriptにはPHPのhtmlspecialchars_decodeにあたるものが無いようで、自分で文字を置き換えてやる必要があるみたいですが。その部分をやってくれる関数が公開されているのでそちらを使うと便利。

htmlspecialchars_decode 関数をjavascriptでも使う

php.js というPHPの関数をまとめたライブラリがあります。こちらのライブラリの中にhtmlspecialchars_decodeがありますので、こちらのコードを使うと簡単に利用出来る。

こちらのコードはMITライセンスになっているようです。

http://phpjs.org/about/

htmlspecialchars_decode:
https://github.com/kvz/phpjs/blob/master/functions/strings/htmlspecialchars_decode.js

 

#code

こちらのコードを読み込んでおきます、ファイルで読み込んでもいいしコードの隅に書いておいてもいい。

function htmlspecialchars_decode(string, quote_style) {
  //       discuss at: http://phpjs.org/functions/htmlspecialchars_decode/
  //      original by: Mirek Slugen
  //      improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  //      bugfixed by: Mateusz "loonquawl" Zalega
  //      bugfixed by: Onno Marsman
  //      bugfixed by: Brett Zamir (http://brett-zamir.me)
  //      bugfixed by: Brett Zamir (http://brett-zamir.me)
  //         input by: ReverseSyntax
  //         input by: Slawomir Kaniecki
  //         input by: Scott Cariss
  //         input by: Francois
  //         input by: Ratheous
  //         input by: Mailfaker (http://www.weedem.fr/)
  //       revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  // reimplemented by: Brett Zamir (http://brett-zamir.me)
  //        example 1: htmlspecialchars_decode("<p>this -&gt; &quot;</p>", 'ENT_NOQUOTES');
  //        returns 1: '<p>this -> &quot;</p>'
  //        example 2: htmlspecialchars_decode("&amp;quot;");
  //        returns 2: '&quot;'

  var optTemp = 0,
    i = 0,
    noquotes = false;
  if (typeof quote_style === 'undefined') {
    quote_style = 2;
  }
  string = string.toString()
    .replace(/&lt;/g, '<')
    .replace(/&gt;/g, '>');
  var OPTS = {
    'ENT_NOQUOTES': 0,
    'ENT_HTML_QUOTE_SINGLE': 1,
    'ENT_HTML_QUOTE_DOUBLE': 2,
    'ENT_COMPAT': 2,
    'ENT_QUOTES': 3,
    'ENT_IGNORE': 4
  };
  if (quote_style === 0) {
    noquotes = true;
  }
  if (typeof quote_style !== 'number') {
    // Allow for a single string or an array of string flags
    quote_style = [].concat(quote_style);
    for (i = 0; i < quote_style.length; i++) {
      // Resolve string input to bitwise e.g. 'PATHINFO_EXTENSION' becomes 4
      if (OPTS[quote_style[i]] === 0) {
        noquotes = true;
      } else if (OPTS[quote_style[i]]) {
        optTemp = optTemp | OPTS[quote_style[i]];
      }
    }
    quote_style = optTemp;
  }
  if (quote_style & OPTS.ENT_HTML_QUOTE_SINGLE) {
    string = string.replace(/&#0*39;/g, "'"); // PHP doesn't currently escape if more than one 0, but it should
    // string = string.replace(/&apos;|&#x0*27;/g, "'"); // This would also be useful here, but not a part of PHP
  }
  if (!noquotes) {
    string = string.replace(/&quot;/g, '"');
  }
  // Put this in last place to avoid escape being double-decoded
  string = string.replace(/&amp;/g, '&');

  return string;
}

 

コードの実行はfunctionですので、2つの引数を渡して実行します

var html = "<p>this -&gt; &quot;</p>";
htmlspecialchars_decode( html , 'ENT_NOQUOTES' );

一つ目の引数には 変換する文字を入れます。2つ目の引数にはデコードのレベルを指定します 2つ目の引数はPHPでのhtmlspecialchars_encodeで指定したものを同じものを指定すると復元できます。2つ目の引数は省略かのうです。

 

2つ目の引数に入るものは以下になります

ENT_NOQUOTES
ENT_HTML_QUOTE_SINGLE
ENT_HTML_QUOTE_DOUBLE
ENT_COMPAT
ENT_QUOTES
ENT_IGNORE

 

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)