Remove the last comma in an inline list of tags?

Question

In a list of tags I'd like to remove the last comma. So is there something that works like the Ee backspace parameter?

Answer 1

An alternative, if you are getting the tags from the Tag Field type, is the Join filter:

{% if post.tags | length %}
    Tags: {{ post.tags | join(', ') }}
{% endif %}

Answer 2

There's a couple of special variables available while for looping through an array. In your case I'd make use of loop.last.

{{ tag }}{{ not loop.last ? ', ' }}

This is the expression using the ternary operator to keep the syntax short.

Answer 3

If you you have a given string and can't influence how it is generated, use the slice filter to crop that last comma:

{% set tags = 'Alpirsbacher Klosterbräu, Rothaus Tannenzäpfle, Neumarkter Lammsbräu, ' %}

{# Remove the last two chars ", " from the string #}
{{ tags|slice(0, -2) }}

Answer 4

What about using CSS for that?

.u-inlineList {
  display: inline;
}

.u-inlineList-item {
  display: inline;
  list-style: none;
}

.u-inlineList-item:after {
  content: ", ";
}

.u-inlineList-item:last-child:after {
  content: "";
}