Javascript 以较少的功能显示全文而不截断

我们正在开发Angular js应用程序，在我们的应用程序中，我们必须通过在表格或div中显示文本来实现读多读少的功能。为了实现这一点，我们使用了READMORE.js，它可以很好地处理普通文本

但我们必须以红色显示一些文本，因此我们在文本中添加了span：

<span class="my-red-text">any text any text.....</span>

它不会以红色显示文本，也会剪切文本，保存在数据库中的文本是正确的，但加载文本是截断的。此外，如果跨度出现在文本的开头，则不必这样做，它可以位于文本中的任何位置

---

如何在不截断的情况下显示所有文本？

在使用readmore.js时，我也面临同样的问题

我在readmore.min.js中做了以下更改：

在方法中：m（）和l（）。我检查了html标记，如下所示，并更改了文本限制：

if(r.lessText!=undefined && (r.lessText.indexOf('>') > -1 || r.lessText.indexOf('<') > -1)){
   var indexOfStartTag= r.lessText.indexOf('<');
   r.lessText = r.lessText.substring(0, indexOfStartTag);
   r.hmLimit = indexOfStartTag;
}else{
   r.hmLimit = r.hmLimit && r.hmLimit <= 0 ? void 0 : r.hmLimit
}

---

if（r.lessText！=未定义&&（r.lessText.indexOf（'>'））>-1| | r.lessText.indexOf（'你能上传你工作过的代码片段吗？至少是java脚本代码和html？
if(r.lessText!=undefined && (r.lessText.indexOf('>') > -1 || r.lessText.indexOf('<') > -1)){
   var indexOfStartTag= r.lessText.indexOf('<');
   r.lessText = r.lessText.substring(0, indexOfStartTag);
   r.hmLimit = indexOfStartTag;
}else{
   r.hmLimit = r.hmLimit && r.hmLimit <= 0 ? void 0 : r.hmLimit
}