<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SHOW</title>
</head>
<body>

{#    {% for img in imgs %}#}
{#    <img src='{{ img.image.url }}' />#}
{#    {% endfor %}#}

    <div id="left" style="float:left ; width:100%; height:{{ img_height }}px; border:1px solid #000;">
        <img src='{{ url }}' />
    </div>

{#   <iframe href="{% url 'ocr_info' name %}" style="float:right ; width:48%; height:800px; border:1px solid #000;"></iframe>#}
{#   <iframe srcdoc="{{ texts }}" style="float:right ; width:48%; height:800px; border:1px solid #000;"></iframe>#}

    <div id="right" style="float:right ; width:100%; height:{{ text_height }}px; border:1px solid #000;">
        {% autoescape off %}
        {{ texts|linebreaksbr }}
        {% endautoescape off %}
        <br>
        -----------------------------------------------------------------------------------<br>
        <br>
        {{ raw_texts|linebreaksbr }}
    </div>
</body>
</html>