JSFiddle - React, Tailwind, and code Playground

HTML

<article>
<h4 class="title">Vu_Xuan_Loc</h4>
<p class="content">
Trong một tờ báo, một bài viết thường có 2 trường là Title và Content.
Khi
 hiển thị 1 list các bài viết, em muốn show Title và một vài câu đầu của
 Content nhưng phải hết câu đó chứ không phải fix height thì câu cuối có
 thể không hết.
M.n có thể mách ý tưởng hoặc keyword cho em để em search không ?
</p>
</article>

JavaScript

function trimSentence(str, sentenceCount){
		var strArray = str.split('.');
		var subArray = strArray.slice(0, sentenceCount);
    var result = subArray.join(".");
    return result + '...';
}

var str = $('article .content').text();
var result = trimSentence(str, 2);
$('article .content').text(result);