This is a small lib used to generate a trimmed-down version of your text, written in vanilla JS with no dependencies.
$ npm install excerpt.js
import Excerpt from 'excerpt.js';
const excerpt = new Excerpt(document.getElementById('your-element-id'), {
characters: 100
});
There are the few options that you can edit, such as:
const excerpt = new Excerpt(document.getElementById('your-element-id'), {
characters: 100,
elipsisText: '...',
expand: true,
collapse: true,
readMoreText: 'Show',
readLessText: 'Hide',
});
-
characters
- number of characters of your text that you wish to show in excerpt after trimming. Default value is 30 characters. -
elipsisText
- text that follows your excerpt. Default value is hellip [...] (A three-dot symbol used to show an incomplete statement). -
expand
- allows you to make your excerpt expandable to the full version of your text. Default value is false. -
collapse
- allows you to toggle your excerpt, once you made your text expandable. Default value is false. -
readMoreText
- you can set the value for your excerpt expanding link. Default value is More. -
readLessText
- you can set the value for your excerpt collapsing link. Default value is Less. -
readMoreContent
andreadLessContent
- you can specify your own toggle handle elements. Default values are anchor tags with # as href option.
Licensed under the MIT license.