Skip to content

Instantly share code, notes, and snippets.

@tifroz

tifroz/gist:2053246

Created March 16, 2012 22:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save tifroz/2053246 to your computer and use it in GitHub Desktop.
Save tifroz/2053246 to your computer and use it in GitHub Desktop.
Download ZIP
json2html (v0.0.1) - sample output
Raw
gistfile1.html
<body>
<div class="expand clearfix even">
<div class="">
<div>
<div class="clearfix even collapse">
<div class="collapsible level1" onclick="j2h.toggleVisibility(this);return false">
[a_table]
</div>
<div class="content">
<table>
<tbody>
<tr>
<th>
name
</th>
<th>
tel
</th>
<th>
email
</th>
</tr>
<tr>
<td>
hugo
</td>
<td>
1234561234
</td>
<td>
hugo@blah.com
</td>
</tr>
<tr>
<td>
joe
</td>
<td>
1234569999
</td>
<td>
joe@blah.com
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div>
<div class=" clearfix odd collapse">
<div class="collapsible level1" onclick="j2h.toggleVisibility(this);return false">
[straigh_array]
</div>
<div class="content">
<div>
<div class="index">
0&nbsp;
</div><span>&nbsp;&nbsp;a</span>
</div>
<div>
<div class="index">
1&nbsp;
</div><span>&nbsp;&nbsp;b</span>
</div>
<div>
<div class="index">
2&nbsp;
</div><span>&nbsp;&nbsp;c</span>
</div>
</div>
</div>
</div>
<div>
<div class=" clearfix even expand">
<div class="attribute collapsible level1" onclick="j2h.toggleVisibility(this);return false">
an_object
</div>
<div class="content">
<div>
<div class="expand clearfix even">
<div class="attribute collapsible level2" onclick="j2h.toggleVisibility(this);return false">
myAttribute
</div>
<div class="content">
<div>
<div class="leaf level3">
a
</div><span>&nbsp;&nbsp;1</span>
</div>
<div>
<div class="leaf level3">
b
</div><span>&nbsp;&nbsp;2</span>
</div>
</div>
</div>
</div>
<div>
<div class="expand clearfix odd">
<div class="attribute collapsible level2" onclick="j2h.toggleVisibility(this);return false">
anotherAttribute
</div>
<div class="content">
<div>
<div class="leaf level3">
r
</div><span>&nbsp;&nbsp;1</span>
</div>
<div>
<div class="leaf level3">
d
</div><span>&nbsp;&nbsp;2</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment