Rendering HTML Heading Elements in Twig

Question

I am rendering some headings using twig and want to know if there is a better and more readable way of doing the following...

<{{ block.headingType }} class="measure-wide">{{ block.headingText }}</{{ block.headingType }}>

{{ block.headingType }} is the value of the heading selected in the editor. The values are h2, h3, h4, h5 etc.

The way the HTML headings are templated looks ugly (even though the rendering works). Is there a better way of rendering out the heading tags in twig based on the value selected?

Answer 1

Is there any reason you dont use a rich text field like redactor? You can make a custom config so that field only has h1,2,3 and no links, lists etc.

And instead of having the class "measure-wide" on the heading element you can wrap it.

Something like {{ block.heading }} Where block.heading is a custom redactor field.