N karakterden sonra bir dize kesin, ancak bir kelimenin ortasındaki kelime

Question

tümüyle kesiyorsa, n karakterden sonra bir dizeyi kesen bir JS işlevi yapmaya çalışıyorum - bu işe yarıyor. Sorun şu ki, eğer bir kelimenin ortasında kötü görünüyorsa, bu yüzden ortada olsaydı bütün kelimeyi kestirmek için yardımına ihtiyacım var. Bugüne kadar

Kodum:

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

P.S.

• #desc benim dizeyi içeren div olduğunu.
• jQuery'yi kullanabilirsiniz.

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

Sen Cutter.js

Cutter.js bir göz atmak istersin işaretlemeyi kaybetmeden, kelime sayısına göre, onun uzunluğunu sınırlamak için HTML kodu kesilmesi için kullanılan bir kütüphanedir.

Answer 4

Bir for loop, charAt bir arada ve kelime sınırlayıcılarını olarak kabul olanlara karşı karakterini test aracı var. Bunun için bir regular expression kullanacağız:

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 |

Answer 5

lastIndexOf yöntem source bir dizede geçen boşluk karakteriyle

bulmak ve ikinci bir argüman geçen bir üst sınır ayarlar yapabilirsiniz.

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

Bu basit fonksiyon her durumda işe artı gerekirse 3 nokta ekleyerek olacaktır:

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

Örnek:

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>