Какой плагин lazy load использовать?

Возникла проблема, какой плагин использовать для modx для отложенной загрузки изображений?

Тот lazy load, который в репозитории не совсем подходит

P.s. Нужен lazy load который будет работать с tiny mce

При создании статьи, каждый раз менять src на data-src или присваивать класс lazy не совсем удобно

Если в шаблонах ещё поменять можно без проблем, то в редакторе это делать жутко не удобно, особенно когда статей в день публикуется 10-20 с большим объемом изображений

Может есть у кого нибудь подходящий вариант?
Андрей
Андрей
28 сентября 2019, 23:19
modx.pro
1 343

Комментарии: 11

Янис
Янис
28 сентября 2019, 23:57
Проблема не в lazy load, нужно правильно настроить TinyMCE. Документация по редактору. В разных версиях подключение внешнего конфига может отличаться, но сам конфиг одинаковый. Всё что надо — правильно настроить картинки. Например (lazy + bootstrap):
{
  "image_class_list": [
    {"title": "None", "value": "lazy img-fluid"},
    {"title": "Width 50%", "value": "w-50 img-fluid d-block mx-auto lazy"}
  ]
}
Первый класс из списка будет добавлен по умолчанию.Конечно старые статьи придётся обработать по новой. Regexp в помощь.
    Андрей
    Андрей
    29 сентября 2019, 00:00
    Если не сложно, можете подсказать что именно нужно поправить и где в tiny mce?

    Я в английском к сожалению не силён(
      Янис
      Янис
      29 сентября 2019, 00:19
      Я использую TinyMCE Rich Text Editor. В системных настройках, в разделе «tinymcerte» есть пункт tinymcerte.external_config. Указываешь относительный путь от core, например "../assets/tinymcerte/tinymcerte_external.json", а в самом файле настройки, вот прямо как в предыдущем комментарии. В системных настройках есть и пункт «tinymcerte.image_class_list», но мне больше нравится внешний конфиг, его удобнее править.
        Андрей
        Андрей
        29 сентября 2019, 00:23
        То есть я правильно понимаю, этот код надо вставить в конфиг и в настройках указать относительный путь до него, либо же вставить этот код в tinymcerte.image_class-list?
          Янис
          Янис
          29 сентября 2019, 00:30
          Если через настройки, то нужно ставить укороченный вариант, только правую часть image_class_list.
            Андрей
            Андрей
            29 сентября 2019, 00:32
            То есть то, что в квадратных скобках, верно?
            (Вместе со скобками)
            [
            {«title»: «None», «value»: «lazy img-fluid»},
            {«title»: «Width 50%», «value»: «w-50 img-fluid d-block mx-auto lazy»}
            ]
              Янис
              Янис
              29 сентября 2019, 00:53
              Именно так, только кавычки с типографских на обычные поменяй. Ну и пункт tinymcerte.image_advtab поставить в «No», чтобы вариантов испортить было меньше.
          Андрей
          Андрей
          29 сентября 2019, 00:26
          Это насколько я понял работа с классом, а можно как нибудь в tinymce заменить в тёше img — src на data-src?
            Янис
            Янис
            29 сентября 2019, 00:36
            Только через документацию TinyMCE. Но модуль Lazy image всё равно лучшее решение. Ведь он, через плагин, заменяет src на data-src и подгружает js для загрузки фотографий на фронте.
              Янис
              Янис
              29 сентября 2019, 00:58
              Но лучше внешний конфиг. Тогда ещё можно добавить
              "image_dimensions": false
              Тогда у редактора ещё меньше вариантов запороть картинку.
      SEQUEL.ONE
      SEQUEL.ONE
      02 октября 2019, 00:12
      Если у вас виртуалка, то лучше поставить этот плагин для apache modx.pro/components/18508#comment-113271
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        11