public
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>JSON格式化、JSON排序 - huatools.com - 前端技术学习笔记</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="json格式化,json排序,json解析,json压缩">
    <meta name="description" content="在线json格式化、json排序、json解析、json压缩工具。">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" href="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/css/layui.min.css"/>
    <link rel="stylesheet" href="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.css">
    <link rel="stylesheet" href="codemirror/addon/lint/lint.min.css">
    <link rel="stylesheet" href="codemirror/addon/fold/foldgutter.min.css">
    <link rel="stylesheet" href="css/public.min.css"/>
    <link rel="stylesheet" href="css/tools.min.css"/>
    <link rel="stylesheet" href="index.min.css">
    <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/layui.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.6.0/jquery.min.js"></script>
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/addon/display/fullscreen.min.js"></script>
    <script src="codemirror/addon/fold/foldjs.min.js"></script>
    <script src="codemirror/addon/search/search-all.min.js"></script>
    <script src="codemirror/addon/lint/jsonlint.min.js"></script>
    <script src="//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/clipboard.js/2.0.10/clipboard.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/FileSaver.js/2.0.5/FileSaver.min.js"></script>
    <script src="js/json-bigint.min.js"></script>
    <script src="js/public.min.js"></script>
    <script src="index.min.js"></script>
</head>
<body>
<div class="body-div">
    <div class="menu-div">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="/public/">JSON格式化</a></li>
            <li class="layui-nav-item"><a href="/public/xml-format/">XML格式化</a></li>
            <li class="layui-nav-item">
                <a href="javascript:">URL工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">对比工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">转换工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">分隔工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">文本工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">数字工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">格式化</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">加解密</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">更多</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item skin-nav-item">
                <a href="javascript:"><i class="layui-icon layui-icon-theme"></i>换肤</a>
                <dl class="layui-nav-child"></dl>
            </li>
        </ul>
    </div>
    <div class="main-div">
        <div class="layui-container">
            <div class="layui-row btns-row">
                <div class="layui-col-left">
                    <button type="button" class="layui-btn layui-btn-warn" id="clear">清空</button>
                    <form class="layui-form">
                        <input type="checkbox" id="quotes" title="引号" lay-skin="primary" lay-filter="quotes" checked>
                        <input type="checkbox" id="sort" title="排序" lay-skin="primary" lay-filter="sort">
                    </form>
                </div>
                <div class="layui-col-right">
                    <button type="button" class="layui-btn layui-btn-blue" id="copy">复制</button>
                    <div class="other-btns">
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="fold" title="折叠">+</button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="save" title="保存">
                            <i class="gg-download"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="search" title="搜索（光标位于右侧时：Ctrl-F搜索、Ctrl-Enter查找下一个）">
                            <i class="gg-search"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="big" title="大屏查看（光标位于右侧时：F11大屏查看）">
                            <i class="gg-maximize"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="format" title="格式化">
                            <i class="gg-code"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="zip" title="压缩JSON">压缩</button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="escape" title="转义JSON">转义</button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="dict" title="JSON转DICT">转DICT</button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="set" title="设置">
                            <i class="layui-icon layui-icon-set"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="layui-row editor-row">
                <div class="layui-col-left">
                    <textarea id="content" placeholder="请输入JSON"></textarea>
                </div>
                <div class="layui-col-right json-editor">
                    <textarea id="result"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="set-div" style="display:none">
        <div class="layui-tab layui-tab-card">
            <ul class="layui-tab-title">
                <li class="layui-this">功能</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">左右宽度</label>
                            <div id="doc-width"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">行内换行</label>
                            <div class="layui-input-block">
                                <input type="checkbox" lay-skin="primary" lay-filter="line-wrap" id="line-wrap" title="开启" checked>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">内层转义</label>
                            <div class="layui-input-block">
                                <input type="checkbox" lay-skin="primary" lay-filter="inner-escape" id="inner-escape" title="去除">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>