jsonsyntaxhighlightinhtml

Json SyntaxHighlight In Html，HTML中的JSON语法高亮显示。add stockJson

Usage no npm install needed!

<script type="module">
  import jsonsyntaxhighlightinhtml from 'https://cdn.skypack.dev/jsonsyntaxhighlightinhtml';
</script>

README

JsonSyntaxHighlightInHtml

Json SyntaxHighlight In Html，HTML中的JSON语法高亮显示。

使用方法

1. 安装

npm i JsonSyntaxHighlightInHtml -D
cnpm i JsonSyntaxHighlightInHtml -D
yarn add JsonSyntaxHighlightInHtml -D

2. 页面调用

HTML

<pre class="JsonSyntaxHighlightInHtml"></pre>

const JsonSyntaxHighlightInHtml = require('JsonSyntaxHighlightInHtml');
document.querySelector('div.pages_test').innerText = JsonSyntaxHighlightInHtml();

Vue

<pre class="JsonSyntaxHighlightInHtml" v-html="preJson"></pre>

const JsonSyntaxHighlightInHtml = require('JsonSyntaxHighlightInHtml');
computed:{
    preJson(){
        return JsonSyntaxHighlightInHtml();
    }
}

React

<pre className="JsonSyntaxHighlightInHtml">{this.preJson}</pre>

const JsonSyntaxHighlightInHtml = require('JsonSyntaxHighlightInHtml');
constructor(props) {
    super(props);
    this.preJson = '';
}
get preJson() {
    return JsonSyntaxHighlightInHtml()
}

预览

JsonSyntaxHighlightInHtml