JSFiddle - React, Tailwind, and code Playground

HTML

<div class="frame_holder">
    <iframe class="my_frame">
        No content.
    </iframe>
</div>
<div class="hidden">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra enim ac purus iaculis iaculis. Maecenas vehicula posuere nulla nec luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris condimentum erat et sapien lacinia suscipit. Vivamus sodales accumsan porttitor. Fusce fringilla pulvinar nisl, vel semper augue mollis sit amet. Aenean gravida nisl non turpis dictum facilisis ultrices elit iaculis.
    </p>
    <p>
        Praesent cursus est ac justo vestibulum sagittis. Suspendisse sed sapien nibh. Phasellus rutrum massa ut magna tristique feugiat bibendum velit vestibulum. Nam at scelerisque felis. In hac habitasse platea dictumst. Fusce lacinia, dui at vestibulum sagittis, nunc velit iaculis purus, sit amet lobortis felis neque ac justo. Nam tellus leo, scelerisque aliquet blandit id, aliquet vel tellus. Mauris lorem neque, rhoncus et accumsan in, commodo nec urna. In vestibulum, eros eget sagittis rutrum, neque elit egestas leo, varius adipiscing quam enim eget tortor. Donec odio odio, consectetur eget eleifend in, venenatis at nisi. Fusce ac augue id est aliquet ultricies.
    </p>
    <p>
        Suspendisse sodales urna eu nunc placerat vel bibendum libero mollis. Sed sit amet faucibus augue. Vivamus nec lacus erat. Nullam non velit risus. In sollicitudin commodo fermentum. Cras vel laoreet mi. Donec laoreet tincidunt eros sed ultrices. Donec id quam ac eros commodo tempus. Mauris malesuada faucibus metus, nec lobortis lectus iaculis in. Phasellus vel nulla elit. Nullam scelerisque turpis sit amet ante volutpat mollis. Curabitur ut nisl et lorem malesuada aliquet vitae eget nibh. Vivamus ullamcorper, felis in bibendum pharetra, enim nisi commodo sem, et mollis augue dui sit amet metus. Mauris velit metus, tempor lobortis pharetra sit amet, euismod a erat. Aenean...

CSS

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
    position: relative;
    background: #f0f0f0;
}

.frame_holder {
    position: absolute;
    top: 50px;
    bottom: 50px;
    left: 50px;
    right: 50px;
    background: #ffffff;
}

.my_frame {
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
}

.hidden {
    display: none;
}

JavaScript

html = $('.hidden').html();
$frame = $('.my_frame');
$frame[0].contentDocument.open();
$frame[0].contentDocument.writeln(html);
$frame[0].contentDocument.close();