我正处在一个十字路口试图找出最简单的展示方式"漂亮"使用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并不总是包含相同的信息,因此我需要它尽可能动态,而不是像现在这样硬编码。
是否有任何插件可以帮助我这样做?我在看一些超级简单的东西吗?