JSON Formatter

auto format JSON files

当前为 2020-07-27 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         JSON Formatter
// @namespace    https://greasyfork.org/users/649
// @version      1.0.1
// @description  auto format JSON files
// @author       Adrien Pyke
// @include      /^.*\.json(\?.*)?$/
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_registerMenuCommand
// @require      https://cdn.jsdelivr.net/gh/kufii/My-UserScripts@c7f613292672252995cb02a0cab3b6acb18ccac5/libs/gm_config.js
// ==/UserScript==

(() => {
  'use strict';

  const Config = GM_config([
    { key: 'tabSize', label: 'Tab Size', type: 'number', min: 0, default: 2 },
    { key: 'wordWrap', label: 'Word Wrap', type: 'bool', default: true }
  ]);
  GM_registerMenuCommand('JSON Formatter: Config', Config.setup);

  const format = ({ tabSize, wordWrap }) => {
    const formatted = JSON.stringify(JSON.parse(document.body.textContent), null, Number(tabSize));
    document.body.innerHTML = `<code><pre style="${
      wordWrap ? 'white-space:pre-wrap;word-break:break-word' : ''
    }" id="jsonArea"></pre></code>`;
    document.getElementById('jsonArea').textContent = formatted;
  };
  format(Config.load());
  Config.onsave = format;
})();