使用Syntax Hihjlighter很好地显示JSON对象

Question

我正在尝试使用Alex Gorbatchev插件很好地显示一个JSON对象（这意味着在几行上有缩进）：http://alexgorbatchev.com/SyntaxHighlighter/

不幸的是，它只显示在一行上。

我正在使用javascript画笔。

我已经创建了一个代码笔：http://codepen.io/hugsbrugs/pen/XJVjjP?editors=101

var json_object = {"hello":{"my_friend":"gérard", "my_dog":"billy"}};

$('#nice-json').html('<pre class="brush: javascript">' + JSON.stringify(json_object) + '</pre>');
SyntaxHighlighter.highlight();

请不要给出其他插件的列表，因为我知道有一堆，但我不想加载额外的插件......我想用这个插件实现它。

感谢您的帮助

Answer 1

尝试使用stringify方法缩进json。

JSON.stringify(json_object, undefined, 2);

Answer 2

您可以使用JSON.stringify(...)的可选第三个参数，即空格参数。

变化：

JSON.stringify(json_object)

为：

JSON.stringify(json_object, null, '\t')

Here是您的codepen更新，以显示上述修改的结果。上述修改会使您的JSON在多行上打印出来。