JSFiddle - React, Tailwind, and code Playground

by Pasit R

HTML

<script>
    var syncFrame = function(frame){
        var $f = $(frame);
        console.log($f.length + 'frame loaded.')
        console.log($f.height());
    
        try{
            contents = $f.contents();
        }
        catch(ex){
            console.log("can't get frame content");
        }
    };
</script>
<h2>Test Frame.</h2>
<iframe id="myFrame" src="//duckduckgo.com" onload="syncFrame(this);"></iframe>

CSS

iframe{
    border: none;
    height: 600px;
    width:500px;
}

JavaScript

$(function(){
    console.log('document is ready.');
});