|
|
@@ -0,0 +1,86 @@
|
|
|
+<!doctype html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+<meta charset="utf-8">
|
|
|
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
|
+<meta name="format-detection" content="telephone=no">
|
|
|
+<meta name="renderer" content="webkit">
|
|
|
+<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
+<link rel="icon" type="image/png" href="/Public/img/favicon.png">
|
|
|
+<link rel="apple-touch-icon-precomposed" href="/Public/img/app-icon72x72@2x.png">
|
|
|
+<title>JSON代码格式化工具</title>
|
|
|
+<meta name="keywords" content="在线JSON代码格式化工具" />
|
|
|
+<meta name="description" content="在线JSON代码格式化工具方便的把编码后的json代码格式为可方便查看的样式。" />
|
|
|
+<link href="/static/index/GS/css/wawa.min.css" rel="stylesheet">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+
|
|
|
+<div class="content">
|
|
|
+ <div class="content-body">
|
|
|
+ <div class="tool-title clearfix">
|
|
|
+ <h1 class="tool-name">JSON代码格式化工具</h1>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="tool-form">
|
|
|
+ <div class="form-field"><textarea name="str" cols="90" rows="10" class="form-textarea form-block resizable" id="RawJson" placeholder="请把你需要格式的JSON代码粘贴到在这里" ></textarea></div>
|
|
|
+ <div class="form-btn">
|
|
|
+ <label for="TabSize">缩进量：</label>
|
|
|
+ <select id="TabSize" onchange="TabSizeChanged()" class="form-input">
|
|
|
+ <option value="1">1</option>
|
|
|
+ <option value="2" selected="true">2</option>
|
|
|
+ <option value="3">3</option>
|
|
|
+ <option value="4">4</option>
|
|
|
+ <option value="5">5</option>
|
|
|
+ <option value="6">6</option>
|
|
|
+ </select>
|
|
|
+ <label for="QuoteKeys" class="checkbox">
|
|
|
+ <input type="checkbox" id="QuoteKeys" onclick="QuoteKeysClicked()" checked="true"> 引号
|
|
|
+ </label>
|
|
|
+ <span id="CollapsibleViewHolder">
|
|
|
+ <label for="CollapsibleView" class="checkbox">
|
|
|
+ <input type="checkbox" id="CollapsibleView" onclick="CollapsibleViewClicked()" checked="true"> 显示控制
|
|
|
+ </label>
|
|
|
+ </span>
|
|
|
+ <span id="CollapsibleViewDetail" style="margin-right:10px; ">
|
|
|
+ <a href="javascript:void(0);" onclick="ExpandAllClicked()">展开</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseAllClicked()">叠起</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseLevel(3)">2级</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseLevel(4)">3级</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseLevel(5)">4级</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseLevel(6)">5级</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseLevel(7)">6级</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseLevel(8)">7级</a>
|
|
|
+ <a href="javascript:void(0);" onclick="CollapseLevel(9)">8级</a>
|
|
|
+ </span>
|
|
|
+ <input class="btn btn-small btn-success" type="button" onclick="Process()" value="格式化"/>
|
|
|
+ <input class="btn btn-warning btn-copy" type="button" value="复制结果" data-clipboard-target="#Canvas">
|
|
|
+ </div>
|
|
|
+ <div id="tool-tips"></div>
|
|
|
+ <div class="form-field"><div id="Canvas" class="form-textarea form-block resizable" style="height:200px;overflow:auto;margin-bottom:0px; font-size:12px;"></div></div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="margin-top:20px;">
|
|
|
+<script async src="/static/index/GS/js/adsbygoogle.js"></script>
|
|
|
+<ins class="adsbygoogle"
|
|
|
+ style="display:block"
|
|
|
+ data-ad-client="ca-pub-1509068831215831"
|
|
|
+ data-ad-slot="4534503874"
|
|
|
+ data-ad-format="auto"></ins>
|
|
|
+<script>
|
|
|
+ (adsbygoogle = window.adsbygoogle || []).push({});
|
|
|
+</script>
|
|
|
+</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+<div id="go-top" style="display:none;">
|
|
|
+ <a rel="nofollow" title="回顶部"><i class="icon-up-big"></i></a>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<script type="text/javascript">var APP='/';var PUBLIC='/Public/';var URL='/home/json/';var TID=11;</script>
|
|
|
+<script src="/static/index/GS/js/public.min.js"></script>
|
|
|
+<script src="/static/index/GS/js/json.min.js"></script>
|
|
|
+</body>
|
|
|
+</html>
|
