Ellipsis.js - Pure Javascript Library to handle multilines ellipsis

Simple Text Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus laoreet ullamcorper pharetra. Fusce facilisis odio eu leo laoreet aliquet vitae vitae nibh. Duis quis quam vestibulum, faucibus eros sed, gravida odio. Mauris sed tincidunt eros. Nunc varius quis enim quis dictum. Vivamus sed arcu mi. Nam semper cursus augue nec pulvinar. Integer ac justo laoreet, condimentum nunc non, luctus mi.

Complex Text Block (with a, span and b elements)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus laoreet ullamcorper pharetra. Fusce facilisis odio eu leo laoreet aliquet vitae vitae nibh. Duis quis quam vestibulum, faucibus eros sed, gravida odio. Mauris sed tincidunt eros. Nunc varius quis enim quis dictum. Vivamus sed arcu mi. Nam semper cursus augue nec pulvinar. Integer ac justo laoreet, condimentum nunc non, luctus mi.

Block with 'normal' line-height property

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus laoreet ullamcorper pharetra. Fusce facilisis odio eu leo laoreet aliquet vitae vitae nibh. Duis quis quam vestibulum, faucibus eros sed, gravida odio. Mauris sed tincidunt eros. Nunc varius quis enim quis dictum. Vivamus sed arcu mi. Nam semper cursus augue nec pulvinar.

Demo Code

      <script src="ellipsis.min.js"></script>
      <script type="text/javascript">

        Ellipsis({
          class: '.title',
          lines: 1
        }); //specific conf on titles

        Ellipsis({
          class: '.normal',
          lines: 3,
          portrait: 1
        }) //different maximum lines in portrait/landscape

        Ellipsis({
					break_word: false
				}); //standard usage but we don't want the ellipsis to break words
      </script>