Плагин для автоматического сокращения текста
В этом уроке рассмотрим плагин с помощью которого можно осуществить автоматическое сокращение текста и так же на автопилоте добавить текст “читать далее”.
Использование плагина
Простой вызов сократит текст и добавит ссылку 'more'.
$(element).shorten();
Данная настройка добавит ссылку с текстом 'read more'.
$(element).shorten({ moreText: 'read more' });
Меняем текст ссылки на 'read more' и добавляем ссылку на сокращение раскрытого текста 'read less' вместо стандартных 'more' и 'less'.
$(element).shorten({ moreText: 'read more', lessText: 'read less' });
Сокращаем стандартное количество символов с 100 до 50.
$(element).shorten({ showChars: '50', });
Параметры
Вы можете контролировать “поведение” плагина с помощью следующих параметров.
showChar
: количество символов, которые нужно изначально показать пользователю.ellipsesText
: Текст перед ссылкой “more”. По умолчанию “…”moreText
: Текст для ссылки, раскрывающей полный текст. Можно заменить на ">>" или "читать полностью"lessText
: Текст для ссылки, прячущей текст в сокращённое состояние. Можно заменить на "<<" или "свернуть"
Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: https://github.com/viralpatel/jquery.shorten
Перевел: Станислав Протасевич
Урок создан: 6 Августа 2015
Просмотров: 11799
Правила перепечатки
5 последних уроков рубрики "jQuery"
-
Анимация набора текста на jQuery
Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.
-
Временная шкала на jQuery
jQuery плагин для создания временной шкалы.
-
Заметка: Перезагрузка и редирект на JavaScript
Быстрая заметка, где вы сможете найти парочку JS сниппетов для перезагрузки и перенаправления пользователей через JavaScript.
-
Рисуем диаграмму Ганта
jQuery плагин для создания диаграммы Ганта.
-
AJAX и PHP: загрузка файла
Пример того как осуществить загрузку файла через PHP и jQuery ajax.