JSFiddle - React, Tailwind, and code Playground

by grantgibson

HTML

<textarea id="ta" onkeyup="writeIt();" onblur="setTargets();">Type here</textarea>
    <iframe id="frm"></iframe>

CSS

textarea,
        iframe {
            display: block;
            width: 100%;
            height: 100px;
        }

JavaScript

function setTargets() {
    var links = document.getElementById("frm").contentWindow.document.getElementsByTagName("a");
    var currentDomain = "http://" + document.location.hostname;
    for (var i = 0; i < links.length; i++) {
        if (links[i].href.indexOf(currentDomain) == -1) {
            links[i].target = "_blank";
        }
    }
}
function writeIt() {
    var ta = document.getElementById('ta');
    var frm = document.getElementById('frm');
    var frmDoc = frm.contentDocument;
    frmDoc.open();
    frmDoc.write(ta.value);
    frmDoc.close();
}