/ Скрипты / jQuery плагин для сокращения текста

jQuery плагин для сокращения текста

Автор: delux · Опубликовано 25.03.2016 · Обновлено 25.02.2019

Простейший jQuery плагин для сокращения текста. Так же возможно добавить кнопку \»Читать далее\».

Как использовать:

1. Сокращаем текст, и добавляем кнопку \’more\’.

$(element).shorten();

1	$(element).shorten();

2. Данный вариант позволяет регулировать название кнопки — read more;

$(element).shorten({
    moreText: 'read more'
});

$(element).shorten({

moreText: 'read more'

});

3. Помимо кнопки \’more\’ добавляем кнопку \’less\’, которая позволяет свернуть текст в исходную позицию

$(element).shorten({
    moreText: 'read more',
    lessText: 'read less'
});

$(element).shorten({

moreText: 'read more',

lessText: 'read less'

});

4. Сокращаем количество символов с 100 до 50.

$(element).shorten({
    showChars: '50',
});

$(element).shorten({

showChars: '50',

});

5. Стандартные параметры
Вы можете контролировать “поведение” плагина с помощью следующих параметров.

showChar: количество символов, которые нужно изначально показать пользователю.
ellipsesText: Текст перед ссылкой “more”. По умолчанию “…”
moreText: Текст для ссылки, раскрывающей полный текст. Можно заменить на \»>>\» или \»читать полностью\»
lessText: Текст для ссылки, прячущей текст в сокращённое состояние. Можно заменить на \»<<\» или \»свернуть\»

Смотреть DEMO Скачать исходник