Search code examples
handlebars.jswhitespace

Handlebars, whitespace control

i want fine control of whitespace but still have readable templates.

Just wanted to see if other's solution to by simple use case.

{{name}}
{{#if age}}
  , {{age}}
{{/if}}

# outputs {{name}} , {{age}}
# desire: {{name}}, {{age}}

https://github.com/wycats/handlebars.js/issues/479 - submitted a ticket which was closed.

Solution

  • Following the history from the pull request to add this feature it looks like this is the correct syntax:

    <h4>
{{~#object~}}

Surrounding whitespace would be removed.

{{/object}}
</h4>

    Result:

    <h4>Surrounding whitespace would be removed.</h4>

    There is also this syntax which trims only leading whitespace:

    <h4>
{{~#object}}

Only leading whitespace would be removed.

{{/object}}
</h4>

    Result: 

    <h4>Only leading whitespace would be removed.
</h4>