JSFiddle - React, Tailwind, and code Playground

by taa1953

HTML

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

CSS

body {
    margin: 10px;
}


#theBox {
    width: 300px;
    height: 300px;
}

JavaScript

var myContent = '<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><title></title></head><body><button onclick=\"window.print(); return false;\" id=\"btn\">Print Me!</button><div id=\"pgDiv\"><p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipiscing elit. Pellentesque ante felis, euismod ac volutpat vitae, viverra quis augue. Sed purus ligula, volutpat sed vehicula ornare, sodales sit amet enim. Vivamus quis ultrices turpis. In suscipit gravida metus posuere dignissim. In non urna nisl. Vivamus leo odio, semper vitae sagittis eget, venenatis non magna. Nulla nibh dolor, malesuada eget vulputate a, imperdiet ac neque. Praesent velit quam, sollicitudin ut lobortis vitae, consectetur eget eros. Integer iaculis lobortis tellus, non ornare nulla faucibus et. Vivamus elit eros, feugiat quis mollis vitae, condimentum a lectus. In eu diam consequat dui lobortis iaculis sit amet at neque.</p><p>Maecenas dui enim, bibendum id pharetra vitae, congue et quam. Aliquam tempus tortor tortor. Vivamus vitae tincidunt magna. Nulla id risus nec lacus cursus vestibulum. Vestibulum ultricies laoreet dictum. Cras cursus nibh a leo luctus vestibulum. Morbi vehicula nisl ac libero fermentum malesuada. Praesent tellus enim, porttitor a rutrum a, euismod ac ante.</p><p>Aenean sodales dui a magna volutpat sed molestie metus luctus. Mauris vestibulum leo eu turpis consectetur at aliquam ante vehicula. Integer volutpat rhoncus tincidunt. Praesent porta ornare lobortis. Aenean nisl nisl, facilisis eu pretium quis, accumsan at diam. Aliquam hendrerit nisi sed justo luctus dictum semper nulla pretium. Sed urna arcu, fringilla et pulvinar id, vehicula quis nibh. Phasellus faucibus tempor lacus, eu consectetur augue venenatis non. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam non dignissim metus. Donec...