J'ai de longs titres et je veux les tronquer, mais de manière à ce que les mots ne brisent pas, je veux dire que la coupure se produit entre des mots qui ne coupent pas un mot.
Comment puis-je le faire en utilisant jQuery?
De: troncature de texte jQuery (lire plus de style)
Essaye ça:
var title = "This is your title";
var shortText = jQuery.trim(title).substring(0, 10)
.split(" ").slice(0, -1).join(" ") + "...";
Et vous pouvez aussi utiliser un plugin:
En tant qu'extension de String
String.prototype.trimToLength = function(m) {
return (this.length > m)
? jQuery.trim(this).substring(0, m).split(" ").slice(0, -1).join(" ") + "..."
: this;
};
Utilisé comme
"This is your title".trimToLength(10);
La solution ci-dessus ne fonctionnera pas si la chaîne d'origine ne contient pas d'espaces.
Essaye ça:
var title = "This is your title";
var shortText = jQuery.trim(title).substring(0, 10)
.trim(this) + "...";
function truncateString(str, length) {
return str.length > length ? str.substring(0, length - 3) + '...' : str
}
Au lieu d'utiliser jQuery, utilisez la propriété css text-overflow:Ellipsis
. Il tronquera automatiquement la chaîne.
.truncated { display:inline-block;
max-width:100px;
overflow:hidden;
text-overflow:Ellipsis;
white-space:nowrap;
}
avec prototype et sans espace:
String.prototype.trimToLength = function (trimLenght) {
return this.length > trimLenght ? this.substring(0, trimLenght - 3) + '...' : this
};