JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div data-length="string-cut-45">
  text text текст текст<br>
  <span>text text текст</span><br>
  text text
</div>

CSS

span{
  color:#f0f;
}

JavaScript

var strings = document.querySelectorAll("[data-length|='string-cut']");
for(var i = 0, l = strings.length; i < l; i++){
	var length = +strings[i].getAttribute("data-length").replace("string-cut-","");
  if(strings[i].innerHTML.length > length){
  	strings[i].innerHTML = strings[i].innerHTML.substring(0, length) + "..." ;
  }
}