JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jsonmate.com/javascripts/jquery.jsoneditor.js"></script>
<link rel="stylesheet" href="http://jsonmate.com/stylesheets/jsoneditor.css">
<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 JSON Editor(http://jsonmate.com/javascripts/jquery.jsoneditor.js)

<div id="editor" class="json-editor"></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) {
        //$('#content').html(JSON.stringify(data));
        $('#editor').jsonEditor(data);
    }
}