how do I fix the twig filter from affecting html tags inside?

Question

I'm learning Drupal8 and Twig with Chaz Chumley's book 'Drupal 8 Theming with Twig'. When I put in the code provided I don't get the desired result. (Chapter 3, Filters) The book says to add the following to the page.html.twig file:

{% filter upper %}
<p>{{ name }} is the best cms around.</p>
{% endfilter %}

but the page outputs

 <P>DRUPAL IS THE BEST CMS AROUND.</P>

(Showing the html tags on the page as shown here )

Is there something I'm missing to have the twig filter not change the HTML tags? or is the only solution to put the filter inside the tag? but this filter is supposed to "wrap sections of HTML and variables" so why is it affecting HTML tags?

Answer 1

Can you give this a try:

<p>{{ 'your text'|upper }}</p>

Also, check out https://drupal.stackexchange.com/ if you have any more drupal related questions.

Answer 2

You can put the filter around just the text, so it ends up as:

<p>{% filter upper %}{{ name }} is the best cms around.{% endfilter %}</p>

You can test your twig code here: https://twig.stapps.io/