Unescape HTML string from database on twig template

Question

I'm trying to convert a description, which is a string from my database, into HTML. I'm getting the description with {{ projet.description }}, but it seems that in JavaScript, "description" causes a bug in my script... So I create a div with my description on it, make it invisible, and get it with innerHTML.

Twig code

    <div id="desc">{{ projet.description }}</div>
    <div>
        <script type="text/javascript">
            var desc = document.getElementById("desc").innerHTML|e('js')|raw;
            document.write(desc);
        </script>
    </div>

CSS

#descr {
    display:none;
}

But now, document.write() still returns a string like "<p><em>POKEMON</em></p>". However, I want it in HTML.

stackoverflow.com/a/814649/1524085 maybe this will help

Pedro Estrada
– Pedro Estrada

2015-04-03 20:23:42 +00:00
Commented Apr 3, 2015 at 20:23 — Pedro Estrada
– Pedro Estrada, Commented Apr 3, 2015 at 20:23

felipsmartins · Accepted Answer · 2015-04-03 21:17:08Z

2

I'm almost sure that HTML was escaped, so try it out:

<div id="desc">{{ projet.description|raw }}</div>

See raw filter on twig docs: raw

The raw filter marks the value as being "safe", which means that in an environment with automatic escaping enabled this variable will not be escaped if raw is the last filter applied to it

Also:

var desc = document.getElementById("desc").innerHTML|e('js')|raw;

The above snippet is not valid on twig because it isn't surrounded by valid delimiters such as "{{ }}" or "{% %}".

edited Apr 3, 2015 at 21:17

answered Apr 3, 2015 at 20:27

felipsmartins

13.6k4 gold badges51 silver badges58 bronze badges

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

1 Comment

david Over a year ago

Omg thanks for your help ! It works ! I knew that it was because of the HTML when I look at the src code, it wasn't HTML.

Collectives™ on Stack Overflow

Unescape HTML string from database on twig template

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related