JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:(function(ko){&quot;use strict&quot;;var TYPE_STRING=1,TYPE_NUMBER=2,TYPE_OBJECT=3,TYPE_ARRAY=4,TYPE_BOOL=5,TYPE_NULL=6,baseSpan=document.createElement('span'),baseDiv=document.createElement('div'),baseText=document.createTextNode(&quot;&quot;),templatesObj={t_kvov:getSpanClass('kvov'),t_exp:getSpanClass('e'),t_key:getSpanClass('k'),t_string:getSpanClass('s'),t_number:getSpanClass('n'),t_null:getSpanBoth('null','nl'),t_true:getSpanBoth('true','bl'),t_false:getSpanBoth('false','bl'),t_oBrace:getSpanBoth('{','b'),t_cBrace:getSpanBoth('}','b'),t_oBracket:getSpanBoth('[','b'),t_cBracket:getSpanBoth(']','b'),t_ellipsis:getSpanClass('ell'),t_blockInner:getSpanClass('blockInner'),t_colonAndSpace:document.createTextNode(':\u00A0'),t_commaText:document.createTextNode(','),t_dblqText:document.createTextNode('&quot;')},mac=navigator.platform.indexOf('Mac')!==-1,modKey,lastKvovIdGiven=0,context=ko.contextFor(document.body),showText=&quot;Show&quot;,hideText=&quot;Hide&quot;,head=document.getElementsByTagName('head')[0],fragment=document.createDocumentFragment(),koViewStyle=document.createElement(&quot;style&quot;),styleSheetText='@charset &quot;UTF-8&quot;;#ko-view-container{-webkit-font-smoothing:antialiased;position:fixed;z-index:99999;left:10px;top:20px}#ko-view-container>.ko-view-menu{width:82px;height:25px;line-height:25px;padding:0 10px;font-family:Arial;position:absolute;left:0px;top:0px;font-size:13px;background:#fff;border:1px solid #eee;border-radius:3px;box-shadow:7px 7px 20px rgba(0,0,0,0.3);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ko-view-container>.ko-view-menu:hover .ko-view-move,#ko-view-container>.ko-view-menu:hover .ko-view-close{opacity:1}#ko-view-container>.ko-view-menu .ko-view-move{cursor:move;opacity:0;-webkit-transition:opacity .15s ease;-moz-transition:opacity .15s ease;transition:opacity .15s...