Truncate.js is a light-weight jQuery textual content truncation plugin that truncates lengthy textual content from the start, center, or finish to the desired width or to suit the width of its guardian ingredient. Helps each single line or multi line textual content.
See Additionally:
The right way to use it:
1. To get began, embrace the jquery.truncate.min.js after loading the newest jQuery library.
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/jquery.truncate.min.js"></script>
2. Initialize the plugin on the textual content wrapper.
<p class="demo"> ... </p>
$('.demo').truncate({
// choices right here
});
3. By default the plugin mechanically truncate the textual content from the tip to suit the width of its guardian container. You’ll be able to override the width choice to truncate the textual content to a selected width.
$('.demo').truncate({
width: '200px',
});
4. Specify the place from which the textual content ought to be truncated. Default: ‘proper’.
$('.demo').truncate({
aspect: 'center', // or 'left'.
});
5. Specify what to exchange the hidden textual content with. Default: ‘…’.
$('.demo').truncate({
token: 'Extra...',
});
6. Decide whether or not to use the plugin to multiline textual content. Default: false.
$('.demo').truncate({
multiline: true,
});
7. Apply a CSS class to the textual content. Default: false.
$('.demo').truncate({
addclass: 'spotlight',
});
8. Decide whether or not so as to add a title attribute to the textual content. Default: false.
$('.demo').truncate({
addtitle: true,
});
9. Cache the types for a number of textual content with the identical types. Default: false.
$('.demo').truncate({
assumeSameStyle: true,
});
This superior jQuery plugin is developed by tbasse. For extra Superior Usages, please verify the demo web page or go to the official web site.
