How to display string that contains HTML in twig template?

Question

How can I display a string that contains HTML tags in a twig template?

My PHP variable contains this HTML and text:

$word = '<b> a word </b>';

When I do this in my twig template:

{{ word }}

I get this:

&lt;b&gt; a word &lt;b&gt;

I want this instead:

<b> a word </b>

Is it possible to get this easily?

I won't add this as an answer, but an alternative approach for people reaching this question is to store values in Markdown, like StackOverflow does. Then you could create a Twig filter with automatic escaping, since you can trust the HTML to be safe. No raw needed, and your stored values are human readable! — rybo111
– rybo111, Commented Jul 15, 2019 at 21:13

WoodrowShigeru · Accepted Answer · 2022-10-12 12:35:10Z

470

Use raw keyword, https://twig.symfony.com/doc/3.x/api.html#escaper-extension

{{ word | raw }}

edited Oct 12, 2022 at 12:35

WoodrowShigeru

1,6621 gold badge20 silver badges29 bronze badges

answered Dec 2, 2011 at 10:55

Aurimas Ličkus

10.1k4 gold badges26 silver badges26 bronze badges

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

2 Comments

Honesta Over a year ago

When doing a replace it is not working for me. {{ word | replace( {(word_to_replace) : '' ~ (word_to_replace) ~ '' }) | raw }} Any idea?

Honesta Over a year ago

UPDATE: I solved it by adding it to another variable using 'set', then {{ word | raw }} works fine.

Shimon S · Accepted Answer · 2012-05-08 19:12:54Z

90

You can also use:

{{ word|striptags('<b>')|raw }}

so that only  tag will be allowed.

answered May 8, 2012 at 19:12

Shimon S

4,2252 gold badges33 silver badges35 bronze badges

2 Comments

KalenGi Over a year ago

I'd say this version is preferable if you want to allow only a few tags.

Riki137 Over a year ago

How do you allow multiple tags?

musicjerm · Accepted Answer · 2016-06-09 17:02:23Z

42

{{ word|striptags('<b>,<a>,<pre>')|raw }}

if you want to allow multiple tags

answered Jun 9, 2016 at 17:02

musicjerm

4204 silver badges5 bronze badges

Comments

bcag2 · Accepted Answer · 2020-07-01 12:18:22Z

1

if you don't need variable, you can define text in
translations/messages.en.yaml :
CiteExampleHtmlCode: " my static text "

then use it with twig:
templates/about/index.html.twig
… {{ 'CiteExampleHtmlCode' }}
or if you need multilangages like me:
… {{ 'CiteExampleHtmlCode' | trans }}

Let's have a look of https://symfony.com/doc/current/translation.html for more information about translations use.

answered Jul 1, 2020 at 12:18

bcag2

2,4992 gold badges20 silver badges38 bronze badges

Comments

Thomas · Accepted Answer · 2023-03-06 14:05:00Z

0

Worked for me only with "render" before striptags:

node--mycontenttype.html.twig:

{{ content.field_my_field|render|striptags }}

answered Mar 6, 2023 at 14:05

Thomas

1298 bronze badges

1 Comment

jerome2710 Over a year ago

Based on your filename and usage of "render", I assume this is specifically for Drupal. The initial question was tagged on Symfony.

Collectives™ on Stack Overflow

How to display string that contains HTML in twig template?

5 Answers 5

2 Comments

2 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

2 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related