2

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.

Greg Pettit
  • 10,749
  • 5
  • 53
  • 72
david
  • 67
  • 8

1 Answers1

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 "{% %}".

felipsmartins
  • 13,269
  • 4
  • 48
  • 56
  • 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. – david Apr 03 '15 at 21:02