Définir la limite de caractères à afficher dans un paragraphe

Question

Je tire un flux JSON et je veux juste afficher un maximum de 10 caractères de la chaîne, puis faire un ... après. Comment est-ce que je fais cela avec JQuery?

Answer 1

vous n'avez pas besoin jquery, JS peut faire:

 
string.substr(start,length) 

start The index where to start the extraction. First character is at index 0 
length The number of characters to extract. If omitted, it extracts the rest of the string 

Answer 2

Je n'ai pas vérifié cela pour une erreur, donc vous devrez peut-être ajuster pour une mauvaise indexation.

var txt = SomeStringFromFeed; 
if(txt.length > 10) 
{ 
    txt = txt.substr(0,10) + "..."; 
} 
return txt; 

Answer 3

Vous pouvez utiliser les CSS pour mettre en place des points de suspension:

.myparagraph { 
    white-space: nowrap; 
    width: 10em; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Ensuite, il n'y a pas besoin d'une jQuery ou autre codage.

Références:

• http://www.quirksmode.org/css/textoverflow.html
• http://www.electrictoolbox.com/ellipsis-html-css/

(notez que le premier lien - Quirksmode.org est une excellente ressource généralement pour CSS et d'autres choses Javascript)

Answer 4

Truncate a string with JavaScript

Answer 5

Je ne crois pas que la solution CSS mentionnée par @spudley soit cross browser (pas de support firefox). En supposant que vous vous souciez de cela bien sûr. Le premier lien qu'il fournit indique même le support limité dans le coin supérieur droit de la page. Maintenant, après avoir dit que j'ai une petite fonction qui peut être exagérée pour ce dont vous avez besoin, mais j'ai trouvé que je l'utilise régulièrement dans des situations similaires. Le code ci-dessous a été commenté, mais cela ne fait qu'insérer une ellipse après le dernier mot complet basé sur la limite définie.

Vous pouvez revenir « Le chien saute ... » au lieu de « Le chien saute ove ... »

// ============================================================================================== 
// Truncate a string to the given length, breaking at word boundaries and adding an elipsis 
//  @param str - String to be truncated 
//  @param limit - integer Max length of the string 
//  @returns a string 
// ============================================================================================== 

    function truncate(str, limit) { 
     var chars; 
     var i; 

     // check if what was passed as a string is actually a string 
     if (typeof(str) != 'string') { 
      return ''; 
     } 

     // create an array of the chars in the string 
     chars = str.split(''); 

     // if the length is greater than the set limit, process for truncating 
     if (chars.length > limit) { 
      // while the char count is greater than the limit, 
      for (i = chars.length - 1; i > -1; --i) { 
       // if char count is still greater, redefine the array size to the value of i 
       if (i > limit) { 
        chars.length = i; 
       } 
       // if char count is less than the limit keep going until you hit a space 
       // and redefine the array size to the value of i 
       else if (' ' === chars[i]) { 
        chars.length = i; 
        break; 
       } 
      } 
      // add elipsis to the end of the array 
      chars.push('...'); 
     } 
     // return the array as a string 
     return chars.join(''); 
    }