Spaceless不希望在Symfony2 Twig模板中正常工作

Question

I expected the following:

{% spaceless %}
    blablabla
        blablabla
            blablabla
        blablabla
    blablabla
{% endspaceless %}

to return the following string:

blablabla blablabla blablabla blablabla blablabla

but in the page source, I see this:

    blablabla
        blablabla
            blablabla
        blablabla
    blablabla

How to do this without any HTML <tags> ?

Answer 1

You can achieve this by using a whitespace control modifier in a twig comment:

{#-  #}blablabla {# -#}
    blablabla {# -#}
            blablabla {# -#}
    blablabla {# -#}
blablabla{# -#}

a 'regular' comment looks like this: {# my comment #}

adding a '-' will remove the whitespaces before or after the comment (or both):

• remove whitespaces before comment: {#- my comment #}
• remove whitespaces after comment: {# my comment -#}
• remove whitespaces before and after: {#- my comment -#}

by the way, this also works for {{- ... -}} and {%- ... -%}

Answer 2

As explained in the documentation , "Use the spaceless tag to remove whitespace between HTML tags, NOT whitespace within HTML tags or whitespace in plain text:"

{% spaceless %}
    <div>blablabla</div>
        <div>blablabla</div>
            <div>blablabla</div>
        <div>blablabla</div>
    <div>blablabla</div>
{% endspaceless %}

Will output:

<div>blablabla</div><div>blablabla</div><div>blablabla</div><div>blablabla</div><div>blablabla</div>