Сокращение текста по количеству строк
Добавляет возможность сокращать любой текст в Zero-блоке по количеству строк
Инструкция по установке
- Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайтаЭтот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.postnikovmd.com/tilda@1.4/mods.min.js"></script>Скопировать код
Код скопирован!
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
-
- Задайте класс .uc-trim для текстовых блоков, которые нужно сократитьЕсли вы планируете добавить несколько текстовых блоков с разными параметрами сокращения, задайте им разные классы, например, .uc-trim1, .uc-trim2 и т. д.
- Задайте в настройках модификации количество строк, до которых будет сокращаться текстЕсли вы хотите разворачивать и сворачивать текст по кнопкам, задайте им любые ссылки и укажите их в настройках. Блоки с кнопками лучше всего верстать в автолэйауте.
- Скопируйте код и вставьте его в блок T123 в конец страницы
Как это сделано?
<script>
truncate.init(".uc-trim1", { lines: 3, expand: '#expand1', collapse: '#collapse1' });
truncate.init(".uc-trim2", { lines: 3, expand: '#expand2', collapse: '#collapse2' });
truncate.init(".uc-trim3", { lines: 3, expand: '#expand3', collapse: '#collapse3' });
</script>Настройки модификации
Настройки модификации
Класс текстовых блоков:
Максимальное количество строк:
Ссылка для раскрытия текста
Ссылка для сворачивания текста
<!--truncate.js Сокращение текста по количеству строк. https://postnikovmd.com/mods/truncate-->
<script>truncate.init(".uc-trim")</script>Документация
Параметры
© 2025 Максим Постников. Все права защищены.
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис