Rendering html in template from a received variable - Django template rendering

Question

I currently have a variable that contains a string HTML which resembles this

myvar = "<p style="-qt-block-indent: 0; text-indent: 0px; margin: 18px 0px 12px 0px;"><span style="font-size: xx-large; font-weight: 600; color: #5e9ca0;"> ..."

I am passing this string to my template like so

      return render(request, "rendered.html", {
            'result': myvar,
        })

In the template I am simply doing

{{myvar}}

This shows me on the screen the exact html as text but not rendered. When I investigated the source this is what i got

 <p style="-qt-block-indent: 0; text-indent: 0px; margin: 18px 0px 12px 0px;"><span style ...

while I was suppose to get

<p style="-qt-block-indent: 0; text-indent: 0px; margin: 18px 0px 12px 0px;"><span style="font-size: xx-large; font-weight: 600; color: #5e9ca0;"> 

Any solution on how I can fix this issue ?

Answer 1

What is happening ?

Django by default is escaping your html thinking that it might be harmful hence escaping it by default.

Since you need to NOT escape it. Wrap your variable within autoescape filter

    {% autoescape off %}
    {{ myvar}}
    {% endautoescape %}