使用 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(...) 的可选第三个参数，即 space 参数。

变化：

JSON.stringify(json_object)

至：

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

Here 是你的 codepen 更新以显示上述修改的结果。上面的修改会导致你的 JSON 被漂亮地打印在多行上。

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

Display JSON object nicely with Syntax Hihjlighter

json

syntaxhighlighter