json-highlight

A Json to Html formatter

Usage no npm install needed!

<script type="module">
  import jsonHighlight from 'https://cdn.skypack.dev/json-highlight';
</script>

README

json-highlight

NPM version

A Json to Html formatter, Live Demo

Install

  • using npm
npm i json-highlight
  • using in browser
<script scr="//unpkg.com/json-highlight"></script>
<!-- or -->
<script scr="//cdn.jsdelivr.net/npm/json-highlight"></script>

Usage

document.querySelector('pre').innerHTML = jsonHighlight({
    number: 123,
    string: 'hello',
    array: [
        2e60,
        -0.2,
        null,
        true,
        {
            nesting: [],
        },
    ],
});

Todos:

  • 可配置内联颜色
  • 可配置类名前缀
  • 全局配置
  • cli接口

Particular Thanks