<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<script type="text/javascript" src="JSON-handle/js/jh.js"></script>
<script type="text/javascript" src="JSON-handle/js/jquery.min.js"></script>
<script type="text/javascript" src="JSON-handle/js/ad.js"></script>
<script type="text/javascript" src="JSON-handle/js/lang.js"></script>
<script type="text/javascript" src="envSetting.js"></script>
<link href="JSON-handle/css/opt.css" type="text/css" rel="stylesheet" media="all" />
<title> Setting JSON-handle </title>
<style type="text/css">
body {background-color:#f3f3ff;margin:0;@box-shadow:2px 2px 22px #fff inset;padding:5px;color:#555;}
.unit {display:block;margin:1em 0;}
#open {margin:1em 0;}
fieldset {width:560px;border:1px solid #bbb;}
legend {color:#4c6cdd;}
.function {text-align:right;}
.contributeTips {margin:0 16px;}
.row {margin:20px 10px;}
</style>
</head>
<body style="visibility:hidden;">
<fieldset>
<legend class="langID_title_10">Setting</legend>
<span class="unit"><input type="checkbox" id="able" /><label for="able" class="langID_title_4">Auto render JSON</label></span>
<span class="unit"><input type="checkbox" id="defaultShowPanel" /><label for="defaultShowPanel" class="langID_title_5">Show panel</label></span>
<span class="unit">
<label for="minimalism"><input type="checkbox" id="minimalism" name="minimalism" /><span class="langID_title_23">Switch to Minimalism Mode</span></label>
<span id="miniTime">,
<label for="tooLarge"><input type="radio" id="tooLarge" name="miniTime" value="tooLarge"/><span class="langID_title_24">When file size is too large</span></label>
<label for="anytime"><input type="radio" id="anytime" name="miniTime" value="anytime" /><span class="langID_title_25">Anytime</span></label>
</span>
</span>
<span class="unit"><label for="fontUse" class="langID_title_26"></label> <select id="fontUse">
<option value="">Tahoma</option>
<option value="Microsoft Yahei">Microsoft Yahei</option>
<option value="Helvetica">Helvetica</option>
<option value="Serif">Serif</option>
<option value="Consolas">Consolas</option>
</select></span>
<span class="unit" id="renderMode">
<span class="langID_title_16">Render mode</span> :
<label for="richRender"><input type="radio" id="richRender" name="renderMode" value="rich" /><span class="langID_title_17">rich</span></label>
<label for="smartRender"><input type="radio" id="smartRender" name="renderMode" value="smart" /><span class="langID_title_18">smart</span></label>
<label for="darkRender"><input type="radio" id="darkRender" name="renderMode" value="dark" /><span class="langID_title_19">dark</span></label>
</span>
<span class="unit">
<span class="langID_title_9">Open JH mode</span> :
<label for="byWindow"><input type="radio" id="byWindow" name="openJhMode" value="win" />Window</label>
<label for="byTab"><input type="radio" id="byTab" name="openJhMode" value="tab" />Tab</label>
</span>
<span class="unit">
<span class="langID_title_6">Show img mode</span> :
<label for="showImgWhenHover"><input type="radio" id="showImgWhenHover" name="showImgMode" value="hover"/><span class="langID_title_8">When hover</span></label>
<label for="showImgAll"><input type="radio" id="showImgAll" name="showImgMode" value="all" /><span class="langID_title_7">Show all</span></label>
</span>
<span class="unit">
<span class="langID_title_12">Show array length mode</span> :
<label for="showLengthOnlyArray"><input type="radio" id="showLengthOnlyArray" name="showLengthMode" value="array"/><span class="langID_title_13">Array only</span></label>
<label for="showLengthObjectArray"><input type="radio" id="showLengthObjectArray" name="showLengthMode" value="array-object" /><span class="langID_title_14">Array & Object</span></label>
</span>
<span class="unit">
<span class="langID_title_20">JSON engine</span> :
<label for="jsonEngineByJH"><input type="radio" id="jsonEngineByJH" name="jsonEngine" value="JH-JSON"/><span>JH-JSON</span></label>
<label for="jsonEngineByJSON"><input type="radio" id="jsonEngineByJSON" name="jsonEngine" value="JSON" /><span class="langID_title_21">JS Native JSON</span></label>
</span>
<span class="unit" id="showSortKeyInput">
<label for="sortKey"><input type="checkbox" id="sortKey" name="sortKey" /><span class="langID_title_22">Sort keys</span></label>
</span>
<span class="unit">
<label for="saveKeyStatus"><input type="checkbox" id="saveKeyStatus" name="saveKeyStatus" /><span class="langID_title_15">Save latest collapse status of key</span></label>
</span>
<span class="unit"><label for="lang">language : </label><select id="lang">
<option value="zh-cn" selected="selected">zh-cn</option>
<option value="zh-tw">zh-tw</option>
<option value="en">en</option>
</select></span>
<button id="ok" type="button">ok</button>
</fieldset>
<div class="row"><a target="_blank" href="http://jsonhandle.sinaapp.com">http://jsonhandle.sinaapp.com</a></div>
<div class="row">
<img src="data:image/png;base64,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