Генератор превью новостей

Заполните поля, проверьте шаблон и получите готовый код превью.

Ваш HTML-шаблон

<li
  class="js-feed-post t-feed__post t-item t-width t-feed__grid-col t-col t-col_4 t-align_left"
  data-post-uid="89nmunc9v1"
  style="cursor: pointer"
>
  <div class="t-feed__col-grid__post-wrapper">
    <div
      class="t-feed__post-imgwrapper t-feed__post-imgwrapper_beforetitle"
      style="aspect-ratio: 1.8"
    >
      <div class="t-feed__post-label-wrapper"></div>
      
      <div
        class="t-feed__post-bgimg t-bgimg loaded"
        bgimgfield="fe_img__89nmunc9v1"
        data-original="/images/news/{{IMAGE_FILENAME}}"
        style="
          background-image: url('/images/news/{{IMAGE_FILENAME}}');
        "
        src=""
      ></div>
    </div>
    <div
      class="t-feed__col-grid__wrapper t-feed__col-grid__wrapper_align"
    >
      <div
        class="t-feed__post-parts-date-row t-feed__post-parts-date-row_beforetitle"
      >
        
        <span
          class="js-feed-post-date t-feed__post-date t-uptitle t-uptitle_xs"
          >{{PREVIEW_DATE}}</span
        >
      </div>
      <div class="t-feed__textwrapper">
        <div
          class="js-feed-post-title t-feed__post-title t-name t-name_md"
          field="fe_title__89nmunc9v1"
          data-redactor-toolbar="no"
        >
          
          <a
            href="{{PREVIEW_LINK}}"
            class="t-feed__link js-feed-post-link"
            role="button"
            aria-haspopup="dialog"
            target="_blank"
          >
            {{PREVIEW_TITLE}}
          </a>
        </div>
        
        <div
          class="js-feed-post-descr t-feed__post-descr t-descr t-descr_xxs"
          field="fe_descr__89nmunc9v1"
          data-redactor-toolbar="no"
        >
          {{PREVIEW_TEXT}}
        </div>
      </div>
    </div>
  </div>
</li>

Готовый код превью