Clamp

Clamps an HTML element by adding ellipsis to it if the content inside is too long.

<script src="js/vendor/clamp.min.js"></script>

document.querySelectorAll('.clamp-line').forEach((el) => {
  const line = el.getAttribute('data-line');
  if (line) {
    $clamp(el, {clamp: parseInt(line)});
  }
});

<p class="clamp-line" data-line="1">
  Chocolate gingerbread jujubes marshmallow chocolate bar sugar plum tart. Lollipop pudding toffee muffin marshmallow powder brownie candy
  canes biscuit. Ice cream liquorice jelly beans ice cream tootsie roll chupa chups. Jelly brownie sesame snaps. Jelly beans chocolate
  cake bonbon donut bear claw. Danish croissant bonbon danish muffin icing sugar plum marzipan oat cake. Oat cake soufflé gummi bears
  donut sweet.
</p>

This plugin is initialized in common.js file and it's sources are included in every file. It would be enough to include required files and html. To learn more about this, please see Common.js page .

You may find more examples in Interface.Plugins.Clamp.html file which is initialized by js/common.js.