<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        textarea {
            display: block;
        }
    </style>
</head>
<body>
    <iframe src="child.html" style="width: 100%;"></iframe>
    <textarea readonly="readonly" rows="10" cols="50"><div id="responsive-embed-{{ slug }}"><iframe src="{{ domain }}/graphics/{{ slug }}/child.html" style="width: 100%; height: 500px;"></iframe></div>
    <script src="{{domain}}/js/lib/parent.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function() {
        $('#responsive-embed-{{ slug }} iframe').responsiveIframe();
    });
    </script></textarea>
    <script src="../../js/lib/jquery.js" type="text/javascript"></script>
    <script src="../../js/lib/parent.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('iframe').responsiveIframe();
    </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        textarea {
            display: block;
        }
    </style>
</head>
<body>
    <iframe src="child.html" style="width: 100%;"></iframe>
<!-- textarea contents -->
    <textarea readonly="readonly" rows="10" cols="50">
<div id="responsive-embed-{{ slug }}">
    <iframe src="{{ domain }}/graphics/{{ slug }}/child.html" style="width: 100%; height: 500px;"></iframe>
</div>
<script src="{{domain}}/js/lib/parent.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('#responsive-embed-{{ slug }} iframe').responsiveIframe();
});
</script>
    </textarea>
<!-- end textarea contents -->
    <script src="../../js/lib/jquery.js" type="text/javascript"></script>
    <script src="../../js/lib/parent.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('iframe').responsiveIframe();
    </script>
</body>
</html>

Add comments around textarea so its more obvious.
Add comments around textarea so its more obvious.
