https://github.com/s-a/jquery.readmore

Adds a read more link to an HTML element respecting it height and width
https://github.com/s-a/jquery.readmore

Last synced: about 5 hours ago
JSON representation

Adds a read more link to an HTML element respecting it height and width

• Host: GitHub
• URL: https://github.com/s-a/jquery.readmore
• Owner: s-a
• Created: 2012-11-03T21:25:31.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2015-07-15T19:53:36.000Z (over 9 years ago)
• Last Synced: 2024-04-14T22:49:08.650Z (7 months ago)
• Language: JavaScript
• Size: 154 KB
• Stars: 30
• Watchers: 4
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
jQuery.readMore

=================

[![Donate](http://s-a.github.io/donate/donate.svg)](http://s-a.github.io/donate/)  

jQuery.readMore adds a read more link to HTML elements that will overflow regarding its content. The plugin respects existing CSS and fits within the box it is placed, regardless of padding, line-height, font-face, or letter-spacing. This is an alternative to CSS rule "text-overflow: ellipsis". With jQuery.readMore it is possible to create custom read more links and display cool excerpts.

```html



	Vertically Centered Text





	"Centered


      Multiline


      Text"



```	


```js

$('.test__box').readMore({ 

  title:'Read more',

  text:'...',

  href:function () {

    return '#'+$(this).index();

  }

});

```

Project home, documentation, live demos etc.:

----------

http://saquery.com/jquery-readmore/ ‎

Forks and Pull Requests

----------

Bug fixes and tweaks are very welcome!