Corta una cadena después de n caracteres, pero si está en medio de una palabra corta la palabra completa

Question

Estoy tratando de hacer una función JS que corte una cadena después de n caracteres, eso funciona. El problema es si está en medio de una palabra, se ve mal, entonces necesito tu ayuda para cortar la palabra completa si está en el medio.

Mi código hasta ahora:

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

P.S

• #desc es el div que contiene mi cadena.
• puede usar jQuery.

Answer 1

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)); 

Answer 2

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)); 

Answer 3

Es posible que desee echar un vistazo a Cutter.js

Cutter.js es una biblioteca usada para truncar el código HTML para limitar su longitud , por número de palabra, sin perder el margen de beneficio.

Answer 4

Es una combinación de un for loop, charAt, y un medio de poner a prueba el carácter contra los que considera que son delimitadores de palabra. Voy a usar un regular expression para ello:

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 example | source

Answer 5

El método lastIndexOf puede encontrar el último carácter de espacio en una cadena,

y pasando un segundo argumento establece un límite superior.

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

Answer 6

Esta función simple funcionará en cualquier situación, más la adición de 3 puntos si es necesario:

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; 
}; 

Ejemplo:

var title = "This function will work in any situation"; 
var short = shortenString(title, 30); 

Answer 7

\t \t 
 
    var texte = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu magna at justo bibendum accumsan. Aliquam quam metus, hendrerit eget commodo at, sagittis eu lectus. Nunc quis purus urna. Etiam sollicitudin aliquam dui, vel rutrum ligula tincidunt id. In elementum ultricies ex ut bibendum. Proin ac purus id lorem pharetra commodo. Curabitur euismod commodo eleifend. Proin porttitor aliquet massa eu dapibus. Phasellus vitae tempor nibh. Donec venenatis ligula dui, at eleifend urna facilisis sed. Proin sollicitudin vehicula mi aliquam interdum. Quisque in erat purus. Ut ut ipsum nec odio mollis maximus. Vivamus nec ultricies mi, ut posuere augue.`; 
 
    
 
    function cut(n,text) { 
 
     if(n<text.length){ 
 
      while(text[n] != " " && n>0){ 
 
      n--; 
 
      } 
 
      return text.substr(0,n); 
 
     }else{ 
 
      return text; 
 
     } 
 

 
\t \t } 
 
    
 
    document.getElementById("result").innerHTML = cut(5,texte);

<p id="result"></p>