Limit Length Of Text By Lines Or Characters - jQuery ellipsis.js

ellipsis

simple jquery plugin that excerpts text depending on lines or characters number.

installation.

1. Download using one of the following Methods

   • direct download or clone from this repository.
   • via npm

     $ npm install --save jquery-ellipsis

   • via bower

     $ bower install --save ellipsis

2. please be sure to includejquery >= 2.x then include ellipsis:

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="path/to/jquery.ellipsis.min.js"></script>

Usage

ellipsis can be used in two different ways:

1. via data attributes.

     <p data-toggle="ellipsis" data-type="chars" data-count="150"> Amet id nisi ipsa pariatur eaque aperiam dolorum eius quia, vero provident? Doloremque impedit at cupiditate illum magnam, quo, vel corrupti. Esse voluptates hic vitae porro temporibus temporibus! Possimus rem.</p>

2. manual way:

   <p id="ellipsis_me">Amet id nisi ipsa pariatur eaque aperiam dolorum eius quia, vero provident? Doloremque impedit at cupiditate illum magnam, quo, vel corrupti. Esse voluptates hic vitae porro temporibus temporibus! Possimus rem.</p>  <script> $(document).ready(function() {   $('#ellipsis_me').ellipsis(options); }); </script>

options

events

example:

$('#paragraph').on('initialize.ellipsis', function() {   // do some stuff });

Features:

• enhance the puplic API

  • two different types of excerpts by lines/characters

  • Support re-adjust option later.

  • different custom event through the life cycle of the plugin.

  • Destroyable.

  • data attribute automatic init.

  • Up comming!

    • use dedicated word instead of ...
    • use url to show more.
    • use link class to control the style of link.