Блог

Я использовал приведенный ниже typoscript, только изображение не переносится в <img src="|" class="tip-image" alt=""> , оно только генерирует URL-адрес изображения. Выход показан ниже. В чем я ошибаюсь?

   tipmenu = HMENU
  tipmenu.special = directory
  tipmenu.special.value = 8
  tipmenu {
    1 = TMENU
    1 {
      expAll = 1
      wrap = <div class="left_links">|</div>

      NO {

        stdWrap.cObject = COA 
        stdWrap.cObject { 

          10 = FILES
          10 {
            references {
              data = levelmedia:-1, slide
            }
            renderObj = COA
            renderObj {
              10 = IMG_RESOURCE
              10 {
                file.import.data = file:current:publicUrl
                file.maxW = 50
                file.maxH = 50
              }
            }
          }
          10.wrap = <img src="|" class="tip-image" alt="">


          20 = TEXT 
          20.field = title 
          20.wrap = <span class="tip-title">|</span>

          30 = TEXT 
          30.field = subtitle 
          30.wrap = <span class="tip-subtitle">|</span>    

        }
      }
    }
  }
  

Таким образом, вывод HTML:

 <div class="left_links">
   <a href="tips/verhalen-van-klanten/">
      fileadmin/_processed_/csm_klanten_e92ee310e0.png
      <span class="tip-title">Verhalen van klanten</span>
      <span class="tip-subtitle">Wat vind jij?</span>
   </a>
</div> 
  

У ФАЙЛОВ нет переноса. Используйте перенос внутри stdWrap.

 10.stdWrap.wrap = <img src="|" class="tip-image" alt="">
  

Некоторые подсказки:

Возможно, вам следует добавить maxItems = 1 внутри файлов. Если редактор вставляет два или более изображений, результат будет выглядеть следующим образом: <img src="image1.jpgimage2jpgimage3.jpg" class="tip-image" alt="">

Вам не нужен COA. Используйте IMG_RESOURCE напрямую, если нет причины для совместного использования.

     renderObj = IMG_RESOURCE
    renderObj {
        file.import.data = file:current:publicUrl
        file.maxW = 50
        file.maxH = 50
    }