I have long titles and want truncate them but in a way that no words break, I mean the cutting happen between words not cutting a word.
How can I do it using jquery?
From:
jQuery text truncation (read more style)
Try this:
var title = This is your title;
var shortText = jQuery.trim(title).substring(0, 10)
.split( ).slice(0, -1).join( ) + ...;
And you can also use a plugin:
As a extension of String
String.prototype.trimToLength = function(m) {
return (this.length > m)
? jQuery.trim(this).substring(0, m).split( ).slice(0, -1).join( ) + ...
: this;
};
Use as
This is your title.trimToLength(10);
