Radical Design Course by Jack McDade

From the creator of Statamic

Learn how to make your websites standout and be remembered.

Just exceptional. Thank you so much, Jack, you smashed it.

— Hugo, Developer

mark Modifier

Wrap any matched words in <mark> tags to highlight them on the page.

description: This cat video is the okayest thing ever.
{{ description | mark('cat thing') }}
{{ description | mark('video', 'class:highlight') }}
{!! Statamic::modify($description)->mark('cat thing') !!}
{!! Statamic::modify($description)->mark(['video', 'class:highlight']) !!}
This <mark>cat</mark> video is the okayest <mark>thing</mark> ever.
This cat <mark class="highlight">video</mark> is the okayest thing ever.

If no words are specified the get:q value will be used by default.

Hot Tip!

This modifier expects HTML input. While most plain text strings will work just fine you should escape the value with the entities modifier if your text contains less than or greater than symbols: {{ plain_text | entities | mark }}

Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →