topic what does {%- -%} mean in CMS Development

what does {%- -%} mean

simonp — Thu, 16 Mar 2023 10:24:51 GMT

This is fairly straight forward question. I 've encounterd the folllowing several time I know {% %} is a statement delimiter

what does the following mean

{% - -%}

Re: what does {%- -%} mean

Anton — Thu, 16 Mar 2023 10:42:10 GMT

Hi @simonp,

the "minus" shortens the blank space before/after the statement.

{%- : deletes the blank/space before the statement -%} : deletes the blank/space after the statement

If you're in a CSS or HTML file, enable the rendered preview and see the difference.

This info is quite hidden. You can find it in the macro documentation.

Hope this helps,

best,

Anton

Re: what does {%- -%} mean

himanshurauthan — Thu, 16 Mar 2023 10:45:01 GMT

Hello @simonp

the syntax {%- -%} is also used to control whitespace in the rendered output of HubSpot's templating language, HubL.

Similar to other template engines, {%- -%} tells HubL to strip any whitespace that immediately precedes or follows the enclosed expression, tag or block.

For example, consider the following HubL code:

{% for item in items %} <li>{{ item }}</li> {% endfor %}

This will render a list of items, but it will also include whitespace before and after the {% for %} and {% endfor %} statements, which may result in unwanted line breaks or indentation in the final output.

To remove this extra whitespace, you can use the {%- -%} syntax like this:

{%- for item in items -%} <li>{{ item }}</li> {%- endfor -%}

This will ensure that there is no whitespace before or after the for loop statement, resulting in a cleaner rendered output.