Liquid - Whitespace Control

In Liquid, you can include a hyphen in your tag syntax {{-, -}}, {%-, and -%} to strip whitespace (including line breaks) from the left and/or right side of a rendered tag.

Normally, even if it doesn’t output text, any line of Liquid in your template will still output a blank line in your rendered HTML:

Input

{% assign my_variable = "tomato" %}
{{ my_variable }}

Notice the blank line before “tomato” in the rendered template:

Output

tomato

Trim whitespace before

Using a hyphen on opening tags ({{- and {%-) will trim white space from the content before the tag.

Input

Start


My paragraph


{{- 'The end.' }}

Output

Start


My paragraphThe end.

Trim whitespace after

Using a hyphen on closing tags (-}} and -%}) will trim white space from the content after the tag.

Input

{{ 'Start' -}}


My paragraph


The end.

Output

StartMy paragraph

The end.

Trim whitespace before and after

Using hyphens on both opening and closing tags ({{-, -}}, {%-, and -%}) will trim white space from both sides of the tag.

Input

{{ 'Start' -}}


My paragraph


{{- 'The end.' }}

Output

StartMy paragraphThe end.