Are there alternatives for striptags filter?

Question

When printing a text field we just want to display the value. When printed as is in a twig template ({{ content.field_subtitle }}) we get the following output.

Currently we are attempting not to use the |raw filter so we are just using {{ content.field_subtitle|render|striptags }}.

Are there alternatives to this approach without having to create another twig template for the field? We are having a hard time finding an alternative.

Setup:

1. Basic page content type has field field_subtitle where type is text(plain)
2. no twig template has been created on the field, only the content type node--page.html.twig

Current setup in twig template

<div class="myclass__subtitle>
  {{ content.field_subtitle|render|striptags }}
</div>

Current output:

<div class="myclass__subtitle">    
  <div class="field field--name-field-subtitle field--type-string field--label-hidden field__item">Intrinsicly harness interactive functionalities.</div>
</div>

Desired output:

<div class="myclass__subtitle">    
  Intrinsicly harness interactive functionalities
</div>

Answer 1

I am vehemently against things like render-array|render|striptags etc. It feels very unnatural and un-Drupal. What you should do is create a field template that has no markup.

For example, either in field.html.twig which would affect all fields, or in field--field-name.html.twig or more specific variants, you can do this:

{#
/**
* @file
* Theme override to remove all field markup.
*/
#}

{% spaceless %}
{% for item in items %}
  {{ item.content }}
{% endfor %}
{% endspaceless %}

This will always render that field with no markup.

Answer 2

For a single value field, I often just do this: {{ content.field_subtitle.0 }}. This prints just the first delta, including whatever markup the field itself includes (e.g., works fine as well on reference fields or other more complex things) but does not use the field template at all.