Couper une chaîne après n caractères, mais si c'est au milieu d'un mot couper le mot entier

Je suis en train de faire une fonction JS qui coupe une chaîne après n caractères - qui fonctionne. Le problème est que si elle est au milieu d'un mot, il est de mauvaise qualité, j'ai donc besoin de votre aide pour faire couper le mot en entier si c'est le milieu de.

Mon code pour l'instant:

if($('#desc').text().length > 505){
  str = $("#desc").text();
  $('#desc').text(str.substring(0, 505)).append('...');
}

P. S

  • #desc est la div qui contient ma chaîne.
  • vous pouvez utiliser jQuery.

source d'informationauteur Dan Barzilay | 2012-05-25

  1. 17
    function cut(n) {
    return function textCutter(i, text) {
        var short = text.substr(0, n);
        if (/^\S/.test(text.substr(n)))
            return short.replace(/\s+\S*$/, "");
        return short;
    };
}
$('#desc').text(cut(505));
  2. 5

    La lastIndexOf méthode peut trouver le dernier espace de caractère dans une chaîne,

    et en passant une deuxième argument définit une limite supérieure. 

    var cutat= string.lastIndexOf(' ',505);
if(cutat!=-1)string=string.substring(0,cutat)+'...';
//else the string is shorter than 505 (or has no spaces...)
  3. 2

    C'est une combinaison d'un for de la bouclecharAtet un moyen de tester le caractère contre vous considérez être les délimiteurs de mots. Je vais utiliser un expression régulière:

    function splitString(str, index) {
  var delim = /\s|[,\.]/; //Put any other character you consider
                          //a non-word char in the brackets.
                          //The initial \s is any whitespace, so
                          //space, tab, newline, etc.
  var ch;
  var i;

  //Loop until we find a matching delimiter or we run out of string    
  for (i = index;
       i >= 0 && !delim.test(str.charAt(i));
       --i) {
    //No body
  }
  if (i < 0) {
    //No break before, split word in middle
    return index;
  }
  return i + 1;
}

    Live exemple | source

  4. 1

    Vous voudrez peut-être avoir un coup d'oeil à Cutter.js

    Cutter.js est une bibliothèque utilisée pour tronquer code HTML pour limiter son
    longueur, par mot nombre, sans perdre le balisage.

  5. 0

    Cette simple fonction dans n'importe quelle situation, en plus de l'ajout de 3 points en cas de besoin : 

    function shortenString(source_string, max_length) {
    var short = source_string.substr(0, max_length);
    if (/^\S/.test(source_string.substr(max_length)))
        return short.replace(/\s+\S*$/, "") + '...';
    return short;
};

    Exemple:

    var title = "This function will work in any situation";
var short = shortenString(title, 30);
  6. -1
    function cutAt(text, n) {
    if(text.length > n){
        for (; " .,".indexOf(text[n]) !== 0; n--){
        }
        return text.substr(0, n) + '...';
    }
    return text;
}
$('#desc').text(cutAt($('#desc').text(), 505));