前端如何优雅地显示 JSON

json.cn 是我们开发过程中，经常用来格式化显示 JSON 字符串的工具网址，那么如何在自己编写的前端界面显示同样风格的、格式化之后 JSON 字符串呢？

网上流传的版本显示出来效果并不尽如人意，因此小改了一下。

代码如下

<pre>{
  {syntaxHighlight(data)}}</pre>

CSS

pre {
   padding: 5px; margin: 5px; }
    .string {
    color: #3ab54a; font-weight: bold;}
    .number {
    color: #25aae2; font-weight: bold;}
    .boolean {
    color: #f98280;