line-truncation
Version:
Line Truncation is a zero dependency tool that truncate text by user defined line number
43 lines (39 loc) • 2.9 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<p id="example">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sapiente necessitatibus corporis velit magni harum
dolor? Reiciendis minus voluptatibus molestiae eum nesciunt dolor similique corrupti quae consequatur blanditiis,
explicabo, ex quibusdam! Delectus quae quia voluptatum ea consequatur. Id reiciendis earum tempore quod aspernatur
consequuntur explicabo? Maiores sunt laudantium eius deleniti quidem porro! Ratione omnis nobis est aut quia
mollitia dolores a! Odio, natus. Atque nemo officia cumque eaque recusandae quis esse. Harum facilis repellendus,
suscipit quis adipisci distinctio debitis in ex esse dolorem culpa ducimus est eum officia, accusamus cum fuga
nihil fugiat aspernatur, omnis facere? Reprehenderit incidunt quo itaque odit, animi tempora illum aperiam quia at
ab vel soluta qui in doloribus. Commodi a consequuntur neque esse suscipit quas distinctio hic? Dolorem ullam
adipisci reiciendis ipsum assumenda alias, voluptatum vitae iusto. Eos, consequuntur! Fugiat officiis porro quo
dolore similique voluptas accusamus eligendi dolorum, ipsa, doloremque nisi. Nemo fugit eligendi molestiae maiores
soluta nobis velit, harum ullam amet in molestias vitae saepe quidem reiciendis non itaque alias ipsam quas eaque
ut laborum aspernatur. Error, enim officiis? Quisquam aspernatur commodi a odio reiciendis et quae praesentium ex
velit. Sapiente magni laudantium atque officiis facere consequatur dolorum esse accusamus itaque amet! Excepturi
mollitia alias molestiae. Consequuntur inventore optio adipisci aliquam labore? Quia porro ipsam enim dicta harum
atque ratione, praesentium est cupiditate, tempore labore temporibus a saepe corrupti eligendi iste consequatur
aspernatur sapiente? Dolorem laboriosam expedita perspiciatis tempore dolorum doloremque maxime cum, provident
quam incidunt cumque nisi voluptatum impedit dignissimos ex ratione aspernatur est debitis quasi, saepe ad minima?
Doloribus nisi quis temporibus iure veniam eos odit fugiat, veritatis cum accusamus dolorum repellendus, commodi
modi minus, doloremque ducimus sed dolore unde accusantium consectetur quia assumenda officiis. Nihil rem odio
adipisci similique, ipsam cupiditate fugit explicabo facilis eaque! Mollitia excepturi sequi ipsum error.
</p>
<script src="../dist/bundle.js"></script>
<script>
var text = document.querySelector('p#example');
var lineHeight = text.clientHeight;
LineTruncation.truncate(text, 2);
</script>
</body>
</html>