Какой плагин lazy load использовать?
Возникла проблема, какой плагин использовать для modx для отложенной загрузки изображений?
Тот lazy load, который в репозитории не совсем подходит
P.s. Нужен lazy load который будет работать с tiny mce
При создании статьи, каждый раз менять src на data-src или присваивать класс lazy не совсем удобно
Если в шаблонах ещё поменять можно без проблем, то в редакторе это делать жутко не удобно, особенно когда статей в день публикуется 10-20 с большим объемом изображений
Может есть у кого нибудь подходящий вариант?
Тот lazy load, который в репозитории не совсем подходит
P.s. Нужен lazy load который будет работать с tiny mce
При создании статьи, каждый раз менять src на data-src или присваивать класс lazy не совсем удобно
Если в шаблонах ещё поменять можно без проблем, то в редакторе это делать жутко не удобно, особенно когда статей в день публикуется 10-20 с большим объемом изображений
Может есть у кого нибудь подходящий вариант?
Комментарии: 11
Проблема не в 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 в помощь.
Если не сложно, можете подсказать что именно нужно поправить и где в tiny mce?
Я в английском к сожалению не силён(
Я в английском к сожалению не силён(
Я использую TinyMCE Rich Text Editor. В системных настройках, в разделе «tinymcerte» есть пункт tinymcerte.external_config. Указываешь относительный путь от core, например "../assets/tinymcerte/tinymcerte_external.json", а в самом файле настройки, вот прямо как в предыдущем комментарии. В системных настройках есть и пункт «tinymcerte.image_class_list», но мне больше нравится внешний конфиг, его удобнее править.
То есть я правильно понимаю, этот код надо вставить в конфиг и в настройках указать относительный путь до него, либо же вставить этот код в tinymcerte.image_class-list?
Если через настройки, то нужно ставить укороченный вариант, только правую часть image_class_list.
То есть то, что в квадратных скобках, верно?
(Вместе со скобками)
[
{«title»: «None», «value»: «lazy img-fluid»},
{«title»: «Width 50%», «value»: «w-50 img-fluid d-block mx-auto lazy»}
]
(Вместе со скобками)
[
{«title»: «None», «value»: «lazy img-fluid»},
{«title»: «Width 50%», «value»: «w-50 img-fluid d-block mx-auto lazy»}
]
Именно так, только кавычки с типографских на обычные поменяй. Ну и пункт tinymcerte.image_advtab поставить в «No», чтобы вариантов испортить было меньше.
Это насколько я понял работа с классом, а можно как нибудь в tinymce заменить в тёше img — src на data-src?
Только через документацию TinyMCE. Но модуль Lazy image всё равно лучшее решение. Ведь он, через плагин, заменяет src на data-src и подгружает js для загрузки фотографий на фронте.
Но лучше внешний конфиг. Тогда ещё можно добавить
"image_dimensions": false
Тогда у редактора ещё меньше вариантов запороть картинку.
Если у вас виртуалка, то лучше поставить этот плагин для apache modx.pro/components/18508#comment-113271
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.