JSFiddle - React, Tailwind, and code Playground
HTML
<div class="box">Над седой равниной моря ветер тучи собирает. Между тучами и морем гордо реет Буревестник, черной <b>молнии подобный. То крылом волны касаясь, то стрелой взмывая к тучам, он кричит, и - тучи слыша</b>т радость в смелом крике птицы. В этом крике - жажда бури! Силу гнева, пламя страсти и уверенность в победе слышат тучи в этом крике. Чайки стонут перед бурей, - стонут, мечутся над морем и на дно его готовы спрятать ужас свой пред бурей. И гагары тоже стонут, - им, гагарам, недоступно наслажденье битвой жизни: гром ударов их пугает. Глупый пингвин робко прячет тело жирное в утесах... Только гордый Буревестник реет смело и свободно над седым от пены морем! Все мрачней и ниже тучи опускаются над морем, и поют, и рвутся волны к высоте навстречу грому. Гром грохочет. В пене гнева стонут волны, с ветром споря. Вот охватывает ветер стаи волн объятьем крепким и бросает их с размаху в дикой злобе на утесы, разбивая в пыль и брызги изумрудные громады. Буревестник с криком реет, черной молнии подобный, как стрела пронзает тучи, пену волн крылом срывает. Вот он носится, как демон, - гордый, черный демон бури, - и смеется, и рыдает... Он над тучами смеется, он от радости рыдает! В гневе грома, - чуткий демон, - он давно усталость слышит, он уверен, что не скроют тучи солнца, - нет, не скроют! Ветер воет... Гром грохочет... Синим пламенем пылают стаи туч над бездной моря. Море ловит стрелы молний и в своей пучине гасит. Точно огненные змеи, вьются в море, исчезая, отраженья этих молний.</div>
CSS
.hidden {display:none;}
.suspension_points {
color:red;
}
JavaScript
jQuery.fn.extend({
cropStr: function(i){
var plus = (this.html().length - this.text().length) + i;
var regx = new RegExp("([\s\S]{"+plus+"})([\s\S]*)","im");
var html = this.html().replace(regx,"$1<span class='suspension_points'>...</span><span class='hidden'>$2</span>");
console.log(html);
this.html(html);
}
});
$(".box").cropStr(250);