django-markupfield returns string

Question

I'm trying to set up a Django app that has a MarkupField in it's model, like this:

from django.db import models
from markupfield.fields import MarkupField

class Recipe(models.Model):
    instructions = MarkupField(default_markup_type='markdown')

Then I render the field in a Jinja2 template, like this:

{% if recipe.instructions %}
    {{ recipe.instructions }}
{% else %}
    No instructions have been added yet.
{% endif %}

Rendering of the markdowned text works flawless, but it is placed as a string inside the DOM so the browser doesn't interpret the HTML tags, like you can see here:

I don't feel like I missed something relevant in the django-markupfield's docs, but somehow I need to get rid of this string representation.

Anyone of you guys got an idea? Thanks in advance.

If you add the safe filter does it works: {{ recipe.instructions|safe }}? — doru
– doru, Commented Feb 5, 2016 at 19:50
If you use recipe.instructions.rendered does it make any change? — doru
– doru, Commented Feb 5, 2016 at 20:14
@doru Doesn't work either. I managed to get it working by {% autoescape off %}{{ recipe.instructions }}{% endautoescape %} like suggested in this question. Find it to be a bit inconvenient though... — Florian Braun
– Florian Braun, Commented Feb 5, 2016 at 20:26

Florian Braun · Accepted Answer · 2016-02-06 00:59:32Z

0

Thanks to @doru's advices I stumbled across the Jinja2 documentation and found the autoescaping statement:

{% autoescape off %}{{ recipe.instructions }}{% endautoescape %}

This one worked for me.

It's even possible to make it work globally by setting the autoescape option to False.

{
    'BACKEND': 'django_jinja.backend.Jinja2',
    ...
    'OPTIONS': {
        'autoescape': False,
        ...
    }
},

answered Feb 6, 2016 at 0:59

Florian Braun

3754 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

django-markupfield returns string

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related