Get started with jQuery.dotdotdot CDN

MIT licensed

Lightweight plugin: jQuery.dotdotdot hides content with ellipsis in text overflows.

Tags:
  • ellipsis
  • dotdotdot
  • multiline
  • text
  • text-overflow
  • overflow
  • dots

Stable version

Copied!

How to start using jQuery.dotdotdot CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with jQuery.dotdotdot CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dotdotdot@4.1.0/dist/dotdotdot.css">
  <script src="https://cdn.cdnhub.io/jQuery.dotdotdot/4.1.0/dotdotdot.js"></script>
</head>
<body>
  <div class="truncate">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut dui nisi. Donec bibendum scelerisque ante vitae facilisis. Maecenas lacinia, arcu eget bibendum rhoncus, augue quam sodales sapien, ut commodo nisi metus vel enim. Sed eget libero vel nulla tincidunt tristique. Proin eget arcu ac odio tincidunt aliquam. Aliquam erat volutpat. Duis ac nibh nec turpis bibendum sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
  </div>

  <script>
    $(document).ready(function() {
      $('.truncate').dotdotdot();
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions