JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

JavaScript

var jsonObj = {
     "Header": {
         "title": "Header",
             "element": "<div class='innerElements header'>Header</div>",
             "class": "innerElements header",
             "id": "",
             "contenteditable": "true",
             "children": {
             "childrenHeader": {
                 "title": "HeaderDiv",
                     "element": "<div class='headerdiv common'></div>"
             }
         }
     },
         "Container": {
         "title": "Container",
             "element": "<div class='innerElements container'>Container</div>",
             "class": "innerElements Container",
             "id": "",
             "contenteditable": "true"
     },
         "Footer": {
         "title": "Container",
             "element": "<div class='innerElements footer'>Footer</div>",
             "class": "innerElements Footer",
             "id": "",
             "contenteditable": "true"
     }

 }
 $('body').append(JSON.stringify(jsonObj));