Как сделать адресный код на одной строке с TWIG?

Question

У меня есть код TWIG для отображения адреса магазина.

В настоящее время адрес отображается в 3 строки.

Как сделать код адреса в одной строке?

{{ store.address|render|trim|replace({'<br>': ' - '})|striptags|raw }}

Answer 1

Вы выводите адрес внутри тега <pre>. white-space тега <pre> по умолчанию установлено на pre. См. здесь для получения дополнительной информации об этом.

Таким образом, у вас есть 2 варианта

1. Замените тег <pre> на <div>

<div>
Lorem
        ipsum
            dolor
                sit
                    amet
</div>

Отменяет white-space из <pre> с css

pre.spaceless {
  white-space: normal;
}

Lorem
    ipsum
        dolor
            sit
                amet

Lorem
    ipsum
        dolor
            sit
                amet

Answer 2

Я не уверен, но попробуйте это

{{ store.address|render|trim|replace({'<br>': ' - ','\n':' ', '\r':' '})|striptags|raw }}