使用Handlebars将JSON显示为HTML(并且没有' pre'标记)

时间:2014-04-08 17:39:58

标签: jquery html json handlebars.js

我正处在一个十字路口试图找出最简单的展示方式"漂亮"使用Handlebars的HTML页面上的JSON。从长远来看,我需要能够访问显示的JSON的每一行,所以 - 尽管它处理的是漂亮 - 使用带有下面代码的pre标记将无效。

$("#json").html(JSON.stringify(data, undefined, 2));   //doesn't do what I need

目前,我有逐行的Handlebars对象,如下所示:

<p class="indent-1">id: {{id}}</p>
<p class="indent-1">married: {{#if married}}true{{else}}false{{/if}}</p>
<p class="indent-1">name: {{name}}</p>

...但是有很多不必要的段落,类等,以使JSON 看起来像是一团糟。另外,JSON并不总是包含相同的信息,因此我需要它尽可能动态,而不是像现在这样硬编码。

是否有任何插件可以帮助我这样做?我在看一些超级简单的东西吗?

1 个答案:

答案 0 :(得分:1)

漂亮的印刷品看起来像你需要的https://code.google.com/p/google-code-prettify/