Что делает регулярное выражение?

Question

[leni_m]

Извиняюсь, не разбираюсь в регулярках.
Есть такой код:

$(this).text(function(index, text) {
   return text.replace(/\W*\s(\S)*$/, '...');
});

и на сайте получается text в 2 строки, а что не влезает ставится "..."
А задача состоит в том, что надо сделать не 2 строки, а 3.
Правильно ли я понимаю. что надо изменить регулярку для данной задачи?

Comments

[Илья Герасимов]

Для этой задачи вряд ли, ищите где-то выше, эта регулярка просто обрезает окончание уже двухстрочного текста, т.е делает окончание строки более человечным, обрезая не "Текст сло...", а как-то так "Текст..."

[leni_m]

Илья Герасимов, а для трехстрочного тоже подойдет данная регулярка?

[Илья Герасимов]

leni_m, да, она проверяет окончание на соответствие, ограничения нет

Answer 1

[dollar]

Сложно сказать словами, что делает.
Видимо, ищет символы, не являющиеся пробелами (включая \n) в конце строки и заменяет их на "..."
Причем, перед ними должен быть один пробел (или символ \n) и любое количество специальных символов.
Как-то так, хотя это не точное объяснение.
Вообще довольно странный regex, не для всех текстов подходит, а только для очень специфических. Может, что-то другое считает две строки? Не этот код?

Вот сайтик для развлечения: https://regex101.com/
Там можно вбить свою регулярку, посмотреть "на словах", что она делает, а также поэкспериментировать с изменяемым текстом.
Там даже шпаргалка по регуляркам есть, так что можно уже самому начать понимать, что за магия происходит.

Для трех строк я бы сделал что-то в этом роде:

$(this).text(function(index, text) {
   return text.replace(/^.*[\r\n].*[\r\n].*([\r\n][\s\S]*)$/, '...');
});

Но это совсем не похоже на то, что в вопросе. Прямолинейный тупой подсчёт строк и замена всего, что длиннее, на многоточие.

Comments

[leni_m]

выглядит вот так:

В шаблоне нету никаких атрибутов "style" из чего я сделал вывод что размеры устанавливаются js-ом.
есть еще код, относящийся к этому элементу:

$('.catalog_block').equalize({
    children: '.catalog_item .item-title',
    reset: true
});

и как я понял он определяет размеры, а как - не понял.
И с такими стилями впервой встречаюсь.
Вот если указываем прямо высоту на 3 строки(60px):

А если снимаем галочку с display: -webkit-box; то исчезает многоточие:

[Ihor Bratukh]

leni_m, такое можно сделать на CSS