Cuttr.js / Улучшение / Плагины Bootstrap

Версия: v1.2.0

Каталог: Плагины Bootstrap

Категория: Улучшение

Для Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify

Язык: Английский

Вес файла: 87.1 Kb

Уникальный ID: 4246

Посмотрели: 789 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 19 раз

Прокомментировали: 0 раз

Рейтинг: 2.7 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: https://cuttr.kulahs.de/

Информация: Пользователям

Информация: Правообладателям

Теги: обрезание текста, Bootstrap, Plugin

Поделился: BootstrapТема

Добавлено: 2021-01-26 в 18:44

Метка: 1611675872

⇄ ⇅

<div class="col-md-4">
<div class="card">
 <img src="/logo.png" class="card-img-top" alt="...">
 <div class="card-body">
<p class="card-text">Cuttr - это простая в использовании библиотека JS / jQuery с нулевой зависимостью, которая обрезает многострочное текстовое содержимое (Line Clampin '), чтобы соответствовать заданным спецификациям. Он добавляет конечную строку, например многоточие (…), чтобы указать, что доступно больше текста, чем видно в данный момент.</p>
 </div>
</div>
</div>

<div class="col-md-4">
<div class="card">
 <img src="/logo.png" class="card-img-top" alt="...">
 <div class="card-body example-words">
<p class="card-text">Cuttr - это простая в использовании библиотека JS / jQuery с нулевой зависимостью, которая обрезает многострочное текстовое содержимое (Line Clampin '), чтобы соответствовать заданным спецификациям. Он добавляет конечную строку, например многоточие (…), чтобы указать, что доступно больше текста, чем видно в данный момент.</p>
 </div>
</div>
</div>

<div class="col-md-4">
<div class="card">
 <img src="/logo.png" class="card-img-top" alt="...">
 <div class="card-body example-ellipsis-read-more">
<p class="card-text">Cuttr - это простая в использовании библиотека JS / jQuery с нулевой зависимостью, которая обрезает многострочное текстовое содержимое (Line Clampin '), чтобы соответствовать заданным спецификациям. Он добавляет конечную строку, например многоточие (…), чтобы указать, что доступно больше текста, чем видно в данный момент.</p>
 </div>
</div>
</div>

new Cuttr('.example-ellipsis-read-more', {
 truncate: 'characters',
 length: 150,
 readMore: true,
 readMoreText: 'Открыть скрытое',
 readLessText: 'Скрыть открытое',
 readMoreBtnPosition: 'after',
 ending: ' ⇒'
});
</script>

</div>
</div>

BootstrapTema

Cuttr.js

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0