Вырежьте строку после n символов, но если она в середине слова вырезает все слово

Я пытаюсь создать JS-функцию, которая сокращает строку после n символов - это работает. Проблема в том, что в середине слова это выглядит плохо, поэтому мне нужна ваша помощь, чтобы он разрезал все слово, если оно посередине.

Мой код:

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

P.S

#desc - это div, содержащий мою строку.
вы можете использовать jQuery.

Ответ 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));

Ответ 2

Метод lastIndexOf может найти последний пробел в строке,

а второй аргумент устанавливает верхний предел.

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

Это комбинация цикла for, charAt, и средство тестирования персонажа против тех, которые вы считаете разделителями слов. Я буду использовать регулярное выражение для этого:

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

Живой пример | источник

Ответ 4

Вы можете посмотреть Cutter.js

Cutter.js - это библиотека, используемая для обрезания HTML-кода для ограничения его длина, по номеру слова, без потери разметки.

Ответ 5

Эта простая функция будет работать в любой ситуации, плюс добавление 3 точек при необходимости:

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

Пример:

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

Ответ 6

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

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

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

Ответ 7

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