0

Приветствую.

Суть задачи в заголовке.

Есть код, который выводит tweets.
http://jsfiddle.net/yuk46po7/

Требуется обрезать parseTweet(data[i].text), текст в списке по количеству символов.

Выручайте.

2
  • 1
    console.log("1234567890".slice(0,5)); "12345"
    – zb'
    5 сен 2014 в 18:39
  • @Kiskadee? слова, оборванные после нескольких букв — ок? Возможно, стоит рвать по словам - искать первый пробел влево от макс. длины.
    – Sergiks
    6 сен 2014 в 8:54

3 ответа 3

3

Есть замечательное свойство в CSS3:

.twitter-list li{  
height: 30px;
text-overflow: ellipsis;  
}

Но если Вы хотите именно заданное количество символов, то воспользуйтесь кодом @eicto.
Внесу доработку в его код:

var sliced = text.slice(0,10);
if (sliced.length < text.length) {
sliced += '...';
}

Переменная sliced будет содержать обрезанный текст с многоточием, если обрезанный текст меньше исходного.

3
function kitcut( text, limit) {
  text = text.trim();
  if( text.length <= limit) return text;
  text = text.slice( 0, limit); // тупо отрезать по лимиту
  lastSpace = text.lastIndexOf(" ");
  if( lastSpace > 0) { // нашлась граница слов, ещё укорачиваем
    text = text.substr(0, lastSpace);
  }
  return text + "...";
}

Оформил это как метод прототипа объекта String (пример с тестами):

String.prototype.limit = function( limit, userParams) {
    var text = this
      , options = {
            ending: '...'  // что дописать после обрыва
          , trim: true     // обрезать пробелы в начале/конце?
          , words: true    // уважать ли целостность слов? 
        }
      , prop
      , lastSpace
      , processed = false
    ;

    //  проверить limit, без него целого положительного никак
    if( limit !== parseInt(limit)  ||  limit <= 0) return this;

    // применить userParams
    if( typeof userParams == 'object') {
        for (prop in userParams) {
            if (userParams.hasOwnProperty.call(userParams, prop)) {
                options[prop] = userParams[prop];
            }
        }
    }

    // убрать пробелы в начале /конце
    if( options.trim) text = text.trim();

    if( text.length <= limit) return text;    // по длине вписываемся и так

    text = text.slice( 0, limit); // тупо отрезать по лимиту
    lastSpace = text.lastIndexOf(" ");
    if( options.words  &&  lastSpace > 0) {  // урезать ещё до границы целого слова
        text = text.substr(0, lastSpace);
    }
    return text + options.ending;
}
4
  • Вот не надо, пожалуйста, встроенные прототипы менять, особенно прототипы языка.
    – zb'
    6 сен 2014 в 10:36
  • это вопрос религии, или объективные причины есть? =) Для некого универсального плагина, который все будут использовать, конечно, не стоит. Для своего кода, где всё знаешь, почему бы и нет? К тому же, не меняю, а расширяю - стандартно метода limit() у строки пока нет.
    – Sergiks
    6 сен 2014 в 10:38
  • Да, есть объективные причины, я уже сто раз перечислял, ну если над кодом в одного работать и после вас никто больше работать не будет над ним, то конечно. Другие причины: Например, можно создать объект, доступа к которому не будет, а память он будет поедать. Может получиться конфликт с другим куском кода, всякие for-in перестают работать или, например, в ESx попадет метод с таким же именем. Ну и вообще - держать все поведение приложения в памяти - плохая привычка, т.к. в какой-то момент приложение может вырасти, а у вас нет документации, и внеешняя документация не подходит.
    – zb'
    6 сен 2014 в 11:33
  • 1
    Вот посмотрите gist.github.com/mindon/9499857 Разве можно признать это хорошей практикой, когда в ES5 объект зачем-то добавляют html?
    – zb'
    6 сен 2014 в 11:40
1

или

var text = 'много много текстов ...';
var str = text.slice(0,100); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
alert(str+' ...');

// в итоге получаете текст где количество символов меньше 100
2
  • Случай, если длинная белиберда без пробелов? ; )
    – Sergiks
    6 сен 2014 в 9:19
  • @sergiks, ну в таком случае можно накрутить типа: if(a.length>0) str = a.splice(a.length-1,1).join(' '); else str = a.join(); //для белиберда
    – bemulima
    6 сен 2014 в 9:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.