Я не профессионал JS, но я выяснил пару способов, как вы могли бы сделать это.
HTML:
<p id="truncate">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi elementum consequat tortor et euismod. Nam commodo consequat libero vel lobortis. Morbi ac nisi at leo vehicula consectetur.</p>
Затем с помощью jQuery вы усекаете его до определенного количества символов, но оставляете последнее слово следующим образом:
// Truncate but leave last word
var myTag = $('#truncate').text();
if (myTag.length > 100) {
var truncated = myTag.trim().substring(0, 100).split(" ").slice(0, -1).join(" ") + "…";
$('#truncate').text(truncated);
}
Результат выглядит так:
Lorem Ipsum Dolor Sit Amet, Concetetur Adipiscing Elit. Морби
элементум следователь пыток и…
Или вы можете просто обрезать его до определенного количества символов, например:
// Truncate to specific character
var myTag = $('#truncate').text();
if (myTag.length > 15) {
var truncated = myTag.trim().substring(0, 100) + "…";
$('#truncate').text(truncated);
}
Результат выглядит так:
Lorem Ipsum Dolor Sit Amet, Concetetur Adipiscing Elit. Morbi
Elementum следуют за мучителями и Euismod…
Надеюсь, это немного поможет.
Вот jsFiddle .