JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<html>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <body>
        <img src="https://www.google.co.in/images/srpr/logo3w.png" />
        Design URL : <input type="url" value="http://192.168.30.108/DesignPreview/congress/top-news.html" id="design_url" size="80" />
        <input type="button" value="Get markup" onclick="getDesign(this);" />
        <form action="javascript:getWSParams()" method="POST">
            Webservice URL : <input type="url" value="http://192.168.30.108/congress/User/news?show_by=top" id="ws_url" size="80" />
            <input type="submit" value="Generate keys" />
        </form>
        <div id="html_page" name="design_page"></div>
        <div id="dropping_zone" ondragover="dropping(event)" ondrop="dropped(event)" hidden=true></div>
        <div style="width:200px;"><span class="resp_type"></span><div id="keys_html"></div></div>
        <div id="final_html" name="result"></div>
        <div style="width: 60em; display: inline-block">
            <pre id="markup_final" class="prettyprint lang-html linenums" style="display:none">
            </pre>
        </div>
        <br />
        <input type="button" value="Copy to clipboard" onclick="genHTML('print')" />
    </body>

</html>

CSS

*{
    -webkit-tap-highlight-color:rgba(255,0,0,0.5) !important;
}