Существуют ли альтернативы использованию URL для форматирования изображений?


Нам нужно было установить изображение в качестве элемента фона для тега <div> (см. Пример ниже). Когда мы попытались выполнить следующее (с изображением в качестве средства форматирования), он вернул только исходный URL-адрес изображения, а не URL-адрес изображения, основанный на стиле изображения.

Без необходимости использовать крючки предварительной обработки для изменения URL-адреса, мы установили форматировщик отображения на "URL-адрес изображения" в режиме просмотра по умолчанию, и мы получаем желаемые результаты. Если я хочу использовать форматирование изображений, мне пришлось написать крюк предварительной обработки, которого я хочу избежать, и добавление дополнительного модуля, такого как twig_tweak, кажется, слишком усложняет его.

Существуют ли какие-либо другие альтернативы использованию URL-адреса для форматирования изображений и {{ content.field_image.0['#markup] }} без необходимости использования крючка предварительной обработки?

Пример использования средства форматирования изображений

{{ content.field_image.entity.uri.value }}

Результаты

<div style="background-image: url('/sites/default/files/original-image-url.png')"></div>

Пример использования средства форматирования "URL-адрес изображения"

{{ content.field_image.0['#markup] }}

Результаты (желаемые результаты)

<div style="background-image: url('/sites/default/files/styles/extra-large/public/original-image-url.png')"></div>

Альтернативное решение

Это выглядит как будто он получит URL-адрес изображения со стилем изображения.

  1. Установите средство форматирования в качестве URL-адреса изображения
  2. в шаблоне ветки используйте {{ content.field_image.0 }}
Author: usernameabc, 2018-04-04

1 answers

Средство форматирования фоновых изображений предоставляет новое средство форматирования, которое может это сделать. Вероятно, вам понадобится уникальный идентификатор для вашего целевого div, но этот модуль должен сделать все иначе. Существует подмодуль responsive_bg_image_formatter для использования адаптивных стилей изображений для вашего изображения bg.

 2
Author: sonfd, 2018-04-04 20:06:43