JSFiddle - React, Tailwind, and code Playground

by Evgeniy Lukovsky

HTML

<p>Iframe base</p>
<hui pizda="dzigurda">
<iframe id="ifrb" src="about:blank"></iframe>
<p>Iframe write</p>
<iframe id="ifrl" src="about:blank"></iframe>
<p>Iframe error</p>
<iframe id="ifre" src="about:blank"></iframe>

JavaScript

$(function(){
function initb(){
    var ifrb = document.getElementById('ifrb');
    var doc = ifrb.contentDocument;
    var b = doc.createElement('BASE');
    b.href='http://404-group.com';
    ifrb.contentDocument.head.appendChild(b);
    var body = doc.body.innerHTML = '<img '+
        'src="/wp-content/uploads/2013/02/404-group_1.png"/>'+
        "<div style=\"width: 528.8px; overflow: hidden;\"><section type=\"bodymatter\" id=\"bodymatter\"><section id=\"ch1\"><div class=\"linegroup\"><div>Your shadow at morning striding behind you</div>"+
					"<div>Or your shadow at evening rising to meet you;</div>"+
					"<div>I will show you fear in a handful of dust.<span"+ "class=\"lnum\">30</span>"+
					"</div>"+
					"<blockquote xml:lang=\"de\">"+
						"<div>"+
							"<div id=\"ln31\">Frisch weht der Wind<a"+ "type=\"noteref\" class=\"noteref\" href=\"#note-3\">*</a>"+
							"</div>"+
							"<div>Der Heimat zu</div>"+
							"<div>Mein Irisch Kind,</div>"+
							"<div>Wo weilest du?</div>"+
						"</div>"+
					"</blockquote>"+
					"<div></div></div></section></section></div>";
}
function initl(){
    var ifrl = document.getElementById('ifrl');
    var doc = ifrl.contentDocument;
    var content = '<!DOCTYPE html><html><head>'+
        '<base href="http://lm.dev/samples/2/EPUB/"/>'+
        "<link rel=\"stylesheet\" href=\"wasteland.css\"><link xmlns=\"http://www.w3.org/1999/xhtml\" rel=\"alternate stylesheet\" type=\"text/css\" href=\"wasteland-night.css\" class=\"night\" title=\"night\">"+
        "<meta xmlns=\"http://www.w3.org/1999/xhtml\" charset=\"utf-8\"><title xmlns=\"http://www.w3.org/1999/xhtml\">The Waste Land</title>"+
        
        '</head>'+
        '<body>'+
        "<div style=\"width: 528.8px; overflow: hidden;\"><section type=\"bodymatter\" id=\"bodymatter\">"+
        "<section id=\"ch1\"><div class=\"linegroup\"><div>Your shadow at morning striding behind you</div>"+
					"<div>Or your shadow at evening rising to meet...