Sending a html code/variable from Flask to HTML

Question

Hi I am trying to send a string variable with html code within it and then display this on my website, however it is simply printing the html tags and the text and not displaying it as expected.

My html code for this file (testlogin.html):

<html>
    <head>
    </head>
<body>
    {{ data }}
</body>
</html>

My Python Flask code (app.py):

@app.route('/testindex')
def textLogin():
    data = '<h>Test Header</h><p>Test Paragraph</p>'
    return render_template('testlogin.html', data=data)

Is this even possible to do?

But why? Just use an include if you really don't want to put your html there. — Wimanicesir
– Wimanicesir, Commented Apr 21, 2021 at 15:06
Does this answer your question? Proper way to insert HTML into Flask — Wimanicesir
– Wimanicesir, Commented Apr 21, 2021 at 15:07

simpleApp · Accepted Answer · 2021-04-21 16:04:34Z

2

when flask sends HTML tags in data, they will be autoescape -- means they will be shown in HTML the way you sent. will be shown as:

&lt;h&gt;Test Header&lt;/h&gt;&lt;p&gt;Test Paragraph&lt;/p&gt;

to render your HTML, you need to enclose your code as follows:

{% autoescape off %}
{{ data }}
{% endautoescape %}

answered Apr 21, 2021 at 16:04

simpleApp

3,1782 gold badges15 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Sending a html code/variable from Flask to HTML

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related