json-highlight

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

• luyilin/json-format-highlight