Multi-line Text Truncating In Pure JavaScript – Ellipsity

Ellipsity is a super tiny JavaScript library that has the ability to truncate the long multi-line text within a container when there’s no enough space.

How to use it:

Link to the main JavaScript ellipsity.min.js and we’re ready to go.

<script src="ellipsity.min.js"></script>

Wrap the long text into the container with a fixed height.

<div id="container">
  <span>This is some text that I am going to ellipsify because the content this container contains is way way to long for the whole thing to be displayed and that is why I am doing this.</span>
</div>

#container{
  width:100px;
  height:100px;
}

Initialize the library on the container. That’s it.

Ellipsity.ellipsify(document.getElementById("container"));

Changelog:

10/04/2018

• v1.0.0