将JSON显示为HTML

关于如何将JSON以人类可读的格式嵌入到HTML页面中，有什么建议吗?例如，当您在浏览器中查看XML时，大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。

颜色语法高亮显示将是一个奖金。

谢谢

当前回答

SyntaxHighlighter是一个用JavaScript开发的功能齐全的自包含代码语法高亮显示工具。要了解SyntaxHighlighter的功能，请查看演示页面。

其他回答

如果您只是从调试的角度来做这件事，那么您可以使用一个Firefox插件(如JSONovich)来查看JSON内容。

新版本的Firefox目前正在测试中，它将在本地支持这一点(很像XML)。

这里有一个轻量级的解决方案，只做OP要求的，包括高亮显示，但没有其他:我如何使用JavaScript漂亮地打印JSON ?

首先获取JSON字符串并从中生成真正的对象。循环遍历对象的所有属性，将项放置在无序列表中。每次你得到一个新对象，就创建一个新列表。

像这样的事情??

pretty-json

https://github.com/warfares/pretty-json

生动的示例:

http://warfares.github.io/pretty-json/

下面是一个javasript工具，可以将JSON转换为XML，反之亦然，这应该会增强它的可读性。然后，您可以创建一个样式表来给它上色，或者将其完全转换为HTML。

http://www.xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html

推荐文章