显示全文而不截断功能更少

时间:2017-07-12 06:45:49

标签: javascript jquery angularjs

我们正在开发Angular js应用程序,在我们的应用程序中,我们必须实现读取越来越少的功能,并在表格或div中显示文本。为了实现这一点,我们使用了READMORE.js,这与普通文本一起工作正常。

但是我们必须以红色显示一些文字,所以我们在文本中添加了span:

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

每当上面的文本加载了更多readmore选项时,它就会将文本截断为:

y-red-text">any text any text.....

它不显示红色文本,也剪切文本,保存在数据库中的文本是正确的,但加载文本是截断的。此外,在文本开头不存在跨度,它可以在文本的任何位置。

Truncating text in Application with readmore.js

如何在不截断的情况下显示所有文字?

1 个答案:

答案 0 :(得分:0)

使用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
}

这对我来说很好。希望这可以帮助你!!