With NSS-Ellipsis you can add ellipsis to multiline text
Codepen DEMO
Setup
NSS-Ellipsis can be installed with npm or simply using a content delivery network (CDN) URL to embed NSS-Ellipsis directly on your HTML page.
NPM Install
npm install nss-ellipsisThe correct way to import NSS-Ellipsis is:
import NSSEllipsis from 'nss-ellipsis'
NSSEllipsis.update(element, 3)
// to set precision to letter
NSSEllipsis.update(element, 3, NSSEllipsis.LETTER_PRECISION)Using common file:
<script async src="../dist/nss-ellipsis.common.js"></script>Latest Release can be downloaded here
https://github.com/jerome-birembaut/nss-ellipsis/releases/tag/0.0.10Current features
- ellipsis a dom element (yeah)
- lineMax
- precision to word or letter
Basic Usage Example
const element = document.getElementById(id)
const lineMax = 3
NSSEllipsis.update(element, lineMax)// it's Responsive Baby!!!
const lineMax = 2;
const onResize = function() {
[...document.querySelectorAll(".to-ellipsis")].map(element => {
NSSEllipsis.update(element, 3)
})
}
window.addEventListener('resize', onResize)
onResize()BUILD API
npm install
npm run build
License
This content is released under the (http://opensource.org/licenses/MIT) MIT License.