Rendering a template variable as HTML

Question

I use the 'messages' interface to pass messages to user like this:

request.user.message_set.create(message=message)

I would like to include html in my {{ message }} variable and render it without escaping the markup in the template.

score 450 · Accepted Answer · edited Jun 29 '19 at 10:07

450

If you don't want the HTML to be escaped, look at the safe filter and the autoescape tag:

safe:

{{ myhtml |safe }}

autoescape:

{% autoescape off %}
    {{ myhtml }}
{% endautoescape %}

edited Jun 29 '19 at 10:07

daaawx

3,273
2
17
16

answered Jan 31 '11 at 07:49

Yuji 'Tomita' Tomita

115,817
29
282
245

If you need to display e.g currency signs like euro (`€`), dollar passed from view this is the way to go. – andilabs Jul 24 '14 at 10:14
Note that it is `autoescape off` and not `on`. I made that mistake and discovered it only later. – Anupam May 05 '18 at 05:32
3

this works in 2022 – Akshay Vijay Jain May 05 '22 at 13:48

score 42 · Answer 2 · edited May 11 '16 at 12:34

42

If you want to do something more complicated with your text you could create your own filter and do some magic before returning the html. With a templatag file looking like this:

from django import template
from django.utils.safestring import mark_safe

register = template.Library()

@register.filter
def do_something(title, content):

    something = '<h1>%s</h1><p>%s</p>' % (title, content)
    return mark_safe(something)

Then you could add this in your template file

<body>
...
    {{ title|do_something:content }}
...
</body>

And this would give you a nice outcome.

edited May 11 '16 at 12:34

Ciro Santilli OurBigBook.com

347,512
102
1,199
985

answered Feb 25 '15 at 19:40

Goose Ninja

710
5
12

I see my HTML tag in the text again. Do you know what the problem is? – Mahsa Seifikar Mar 28 '22 at 02:38

score 39 · Answer 3 · answered Jan 31 '11 at 07:48

39

You can render a template in your code like so:

from django.template import Context, Template
t = Template('This is your <span>{{ message }}</span>.')

c = Context({'message': 'Your message'})
html = t.render(c)

See the Django docs for further information.

answered Jan 31 '11 at 07:48

Marcus Whybrow

19,578
9
70
90

I think I got the wrong end of the stick here, but I leave the answer for now. – Marcus Whybrow Jan 31 '11 at 07:50

mipadi · Answer 4 · 2012-05-18T15:00:58.787

38

Use the autoescape to turn HTML escaping off:

{% autoescape off %}{{ message }}{% endautoescape %}

edited May 18 '12 at 15:00

answered Jan 31 '11 at 07:48

mipadi

398,885
90
523
479

score 18 · Answer 5 · answered Jan 31 '11 at 07:49

18

The simplest way is to use the safe filter:

{{ message|safe }}

Check out the Django documentation for the safe filter for more information.

answered Jan 31 '11 at 07:49

Marcus Whybrow

19,578
9
70
90

score 13 · Answer 6 · edited Feb 05 '20 at 22:57

13

No need to use the filter or tag in template. Just use format_html() to translate variable to html and Django will automatically turn escape off for you variable.

format_html("<h1>Hello</h1>")

Check out here https://docs.djangoproject.com/en/3.0/ref/utils/#django.utils.html.format_html

edited Feb 05 '20 at 22:57

Erik Kalkoken

30,467
8
79
114

answered Feb 08 '16 at 03:44

NorWay

271
3
9

4

`from django.utils.html import format_html` – Anupam Jan 14 '21 at 16:51

score 2 · Answer 7 · answered Sep 28 '22 at 05:54

2

The safe filter did the work for me. Using {{data|safe}} includes the html as it is.

answered Sep 28 '22 at 05:54

Atit Bimali

45
1
7

Rendering a template variable as HTML

7 Answers7

Linked

Related