JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://jquery-jsonviewer-plugin.googlecode.com/svn/trunk/jquery.jsonviewer.js"></script>
<script src="https://rawgit.com/mckamey/jsonml/master/jsonml-dom.js"></script>
Test HTML visualization by Sen<br/>
using the libraries JSON ML (https://rawgit.com/mckamey/jsonml/master/jsonml-dom.js)<br/>
and any one of json visualizer plugins like
Json Viewr (http://jquery-jsonviewer-plugin.googlecode.com/svn/trunk/jquery.jsonviewer.js)
or
JSON Editor(http://jsonmate.com/javascripts/jquery.jsoneditor.js) <br/>
<a href='http://jsfiddle.net/UUL5k'>View Json Editor Sample</a>
<div id="jsonViewer"></div>
JavaScript
$(function () {
$('<div id="test"/>').load('/ #header', function() {
visualize($(this).html());
});
});
function visualize(htmlData){
// Convert html to json
var data = JsonML.fromHTMLText(htmlData);
if (data) {
$('#jsonViewer').jsonviewer({ json_name: 'Json Viewer', json_data: data });
}
}