Как удалить пробелы, добавленные Liquid `{{include include ...%}`

Question

Я использую Liquid {% include ... %} для вставки разметки на мою страницу. Это приводит к тому, что пробел добавляется сразу после включения, и я не могу его удалить. Я приложил скриншоты вывода и разметки для справки.

Разметка

Выход

span. html

<span>{{ include.content }}</span>

привязка. html

<a>{{ include.content }}</a>

Ни один из файлов {% include ... %} не содержит пробелов ни до, ни после. Я пытался использовать {%- -%} на самом включении и {{- -}} во включаемых файлах, но безрезультатно.

Есть предложения о том, как с этим бороться?

Answer 1

Убедитесь, что в вашем включении нет разрывов строк. Т.е. нет пустой строки в конце span.html. Любые разрывы строк в вашем включении превращаются в разрывы строк в выходных данных, которые браузеры отображают в виде пробела.

Если у вас должны быть разрывы строк во включаемом файле для удобства чтения (например, если вы делаете зацикливание жидкости), вы может захватить его содержимое, а затем удалить строки из результата с помощью фильтра, например:

{% capture span %}
<span>
    {{ include.content }}
</span>
{% endcapture %}{{ span | strip_newlines }}

Опять же, в конце этой строки не должно быть пустой строки.

Answer 2

Оказывается, виновником был мой текстовый редактор ATOM. По умолчанию установлен и включен пакет под названием пробел . Описание пакета:

Strips trailing whitespace and adds a trailing newline when an editor is saved.

Я отключил пакет, сохранил мои включения, и теперь все работает как положено.