JSFiddle - React, Tailwind, and code Playground

by rodneyrehm

HTML

<iframe id="autoheight" src="http://rodneyrehm.de/t/svenframe4.html"></iframe>

JavaScript

window.addEventListener('message', receiver, false);
function receiver(e) {
    var t = e.data.split(':');
    if (t[0] == 'resize') {
        var iframes = document.getElementsByTagName('iframe');
        for (var i=0; i < iframes.length; i++) {
            if ((iframes[i].contentWindow || iframes[i].documentWindow) == e.source) {
                iframes[i].style.height = t[1] + "px";
                return;
            }
        }
    }
}

setTimeout(function() {
    frames[0].postMessage({
        run: 'css',
        args: {
            selector: '.foobar',
            css: {
                background: 'red',
                color: 'green',
                fontStyle: 'italic'
            }
        }
    }, '*');
}, 1000);