JSFiddle - React, Tailwind, and code Playground

by Terry Young

HTML

<iframe id="doc" src="about:blank"></iframe>

CSS

iframe {
    width: 320px;
    height: 230px;
}

JavaScript

var $body = $('body', window.frames['doc'].document);

    $body
        .attr('contenteditable', true)
        .on('change', function () { 
            console.log('change'); // nothing happens
        })
        .on('keypress', function () { 
            console.log('keypress'); // close enough?
        })
        .on('paste', function () { 
            console.log('paste'); // FYI
        })