jQuery JSOnView-フォーマットと構文ハイライトJSONフォーマットデータ表示プラグイン

使用方法

圧縮パッケージをダウンロードし、ページにjqueryとjqueryを導入する.jsonview.js、およびjquery.jsonview.cssファイル.

ハイライトについて
jQuery JSOnViewプラグインの ハイライトは、CSSによって なるデータ の をレンダリングすることです.たとえば、CSSでブール の を 、 タイプを などに できます.jquery.jsonview.cssファイルには なハイライト がプリセットされており、 の に じて で することができます.

.jsonview .null {
    color: red;
}
.jsonview .bool {
  color: #fde3a7;
}
.jsonview .num {
  color: #bf55ec;
}
.jsonview .string {
  color: #00b16a;
  white-space: pre-wrap;
} 

プラグインの
ページDOM のロードが した 、JSONView() でプラグインを することができる. に パラメータを することもできます.

var json = {"hey": "guy","anumber": 243,"anobject": {...},...};
 
$(function() {
  $("#json").JSONView(json);
  // with options
  $("#json-collasped").JSONView(json, { collapsed: true });
});  

パラメータ
jQuery JSOnViewプラグインでは、 の パラメータを できます.

collapsed: のレンダリング にすべてのノードを するかどうか、デフォルトはfalseです.

nl2br: しい を
に するかどうか、デフォルト はfalseです.

recursive_collapser:ノードを するかどうか、デフォルト はfalseです.

escape :Escape HTML in key, default is true.

jQuery JSOnViewは、 の でJSONノードを し、すべての でlevelパラメータを して するノード で を する.

jQuery#JSONView('collapse', [level]): ノード.

jQuery#JSONView('expand', [level]):ノードを します.

jQuery#JSONView('toggle', [level]):ノードを り えます.

jQuery JSOnViewプラグインのgithubアドレスは のとおりです.https://github.com/yesmeck/jquery-jsonview
ページの :