Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has been the industry's standard dummy text ever since the 1500s , when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has survived not only five centuries , but also the leap into electronic typesetting, remaining essentially unchanged. Read more »

What is dotdotdot Dotdotdot is a javascript plugin for truncating multiple line content on a webpage. It adds an ellipsis to indicate that there is more text than currently visible. Optionally, the plugin can keep a "read more" anchor visible at the end of the content, after the ellipsis. When using the dotdotdot plugin to truncate HTML, you don't need to worry about your HTML markup, the plugin knows its way around most elements. It's responsive, so go ahead and resize your browser, the ellipsis will update on the fly.

Download The dotdotdot javascript plugin is free to use for personal or non-profit usage. You can purchase a license if you want to use it in a commercial project (including plugins, themes and templates you plan to sell). Before purchasing a license, please make sure the plugin is suitable for your project. You can do this by downloading the free version and purchasing a license later on. Single website license $5 Future updates

Future updates 1 Commercial project

1 Commercial project Community support Buy Multiple websites license $40 Future updates

Future updates Unlimited commercial projects

Unlimited commercial projects 1 Year premium support Buy Paid plugins, themes and templates By purchasing ONE "Multiple websites license", you are allowed to include the dotdotdot javascript plugin in ONE product (for example a plugin, theme or template) for sale. Customers and users of your product do not need to purchase their own license. CDN Use a CDN to host the files:

cdnjs.com/libraries/jQuery.dotdotdot NPM Install the plugin with NPM:

npm i dotdotdot-js GitHub Download directly from the Github repository.

How to use the plugin First, include the dotdotdot.js files in your webpage. <script src="dotdotdot.js"></script>

Second and last, create an instance with the element you want to truncate. document.addEventListener( "DOMContentLoaded", () => { let wrapper = document.querySelector( "#element-to-truncate" ); let options = { }; new Dotdotdot( wrapper, options ); });

Options The plugin uses a few options that can be set in the options-object: document.addEventListener( "DOMContentLoaded", () => { new Dotdotdot( wrapper, { callback: function( isTruncated ) {}, ellipsis: "\u2026 ", height: null, keep: null, tolerance: 0 truncate: "word", watch: "window", }); });

API After the plugin is fired, a series of methods is available through the API: document.addEventListener( "DOMContentLoaded", () => { let dot = new Dotdotdot( wrapper, options ); dot.API.getInstance(); dot.API.truncate(); dot.API.restore(); dot.API.destroy(); dot.API.watch(); dot.API.unwatch(); });