Плагин для автоматического сокращения текста

demosourse

В этом уроке рассмотрим плагин с помощью которого можно осуществить автоматическое сокращение текста и так же на автопилоте добавить текст “читать далее”.

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

Простой вызов сократит текст и добавит ссылку '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
Просмотров: 11470
Правила перепечатки


5 последних уроков рубрики "jQuery"

^ Наверх ^