JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<a class="fancybox" href="#myID">Open me</a>

<div id="myID" style="display:none">
    <p>
        <a class="print_me" href="javascript:;">Print me</a>
    </p>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
    </p>

</div>

JavaScript

$(".fancybox").fancybox();

$('.print_me').click(function(){
    var theWork =  window.open('','PrintWindow');
    var html = "<html><head><title>Print</title>";
    html += "<style>body { padding: 15px; }</style></head>";
    html += "<body><div id='myprint'>" + $('.fancybox-inner').clone().html() + "</div></body></html>";

    theWork.document.open();
    theWork.document.write(html);
    theWork.document.close();
    theWork.print();
    theWork.close()

    return false;
});