Плагин jQuery jTruncate - элегантная обрезка текста

Описание

Плагин jTruncate обеспечивает простую и настраиваемую обрезку длинного текста на ваших страницах для компактного размещения содержания.

Использование

Опции jTruncate

Плагин jTruncate позволяет настраивать различные аспекты операции обрезки текста. Доступны следующие опции:

length: По умлочанию - 300
Количество символов перед обрезкой текста.
minTrail: По умолчанию - 20
Минимальное количество символов сверх определенного в опции length для обрезки текста. Данная опция предотвращает обрезку текста, превыщающего ограничение на несколько символов.
moreText: По умолчанию - "more"
Текст, используемый для ссылки "больше".
lessText: По умолчанию - "less"
Текст, используемый для ссылки "меньше".
ellipsisText: По умолчанию - "..."
Текст, добавляемый к обрезаной части.
moreAni: По умолчанию - пустая строка
Аргумент скорости для метода show() (подробно описано здесь).
lessAni: По умолчанию - пустая строка
Аругмент скокрости ддля метода hide() (подробно описано здесь).

Примечания

Если вы изменяете методы анимации, установленные по умолчанию, то в точке обрезки текста появится новая строка. Так как методы hide/show работают с блочными элементами, которые будут начинаться с новой строки.

Плагин jTruncate выбирает место разделения начиная с длины, определенной в опции length, и ищет следующий пробел.

Примеры

Простая обрезка текстаe

Плагин jTruncate вызывается так же, как и большинство других плагинов jQuery. Пример ниже демонстрирует использование кода с опциями по умолчанию.

$().ready(function() {
	$('#example1').jTruncate();});
    
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla, purus a ultrices blandit, odio ante scelerisque neque, vitae imperdiet odio velit ac nisl. Sed tortor metus, placerat condimentum, feugiat in, feugiat adipiscing, mi. Donec pulvinar sem vitae leo. Vestibulum eget lectus et ligula hendrerit pharetra. Sed porta justo ac nisl. Aliquam nisi erat, pellentesque sed, sagittis eu, fringilla sit amet, dolor. Nam ac mi. Pellentesque pede purus, mattis aliquet, semper nec, cursus a, orci. Duis bibendum nibh ac massa. Integer eu tortor. Aenean convallis quam at nunc. Nunc mollis tincidunt nisi. Suspendisse mauris odio, iaculis ut, feugiat vitae, ultrices in, tortor. Quisque at elit. In hac habitasse platea dictumst.

Пример настройки плагина jTruncate

Плагин jTruncate также предоставляет возможности для настройки внешнего вида и функционирования обрезки текста. Приимер ниже отличается от первого примера:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla, purus a ultrices blandit, odio ante scelerisque neque, vitae imperdiet odio velit ac nisl. Sed tortor metus, placerat condimentum, feugiat in, feugiat adipiscing, mi. Donec pulvinar sem vitae leo. Vestibulum eget lectus et ligula hendrerit pharetra. Sed porta justo ac nisl. Aliquam nisi erat, pellentesque sed, sagittis eu, fringilla sit amet, dolor. Nam ac mi. Pellentesque pede purus, mattis aliquet, semper nec, cursus a, orci. Duis bibendum nibh ac massa. Integer eu tortor. Aenean convallis quam at nunc. Nunc mollis tincidunt nisi. Suspendisse mauris odio, iaculis ut, feugiat vitae, ultrices in, tortor. Quisque at elit. In hac habitasse platea dictumst.

Для примера используется следующий код:

$().ready(function() {
    $('#example2').jTruncate({
        length: 200,
        minTrail: 0,
        moreText: "[читать далее]",
        lessText: "[скрыть]",
        ellipsisText: " (прервано)",
        moreAni: "fast",
        lessAni: 2000
		});
	});