2017-07-12 56 views
2

我們正在研究Angular js應用程序,在我們的應用程序中,我們必須實現閱讀越來越少的功能,以表格或div顯示文本。爲了達到這個目的,我們使用了READMORE.js,這個工作正常文本很好。要顯示全文而不截斷與更少的功能

但是,我們必須以紅色顯示一些文本,所以我們在文本中添加跨度:

<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

你能上傳你工作過的代碼片段嗎? 至少是java腳本代碼和html? – HEGDE

回答

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 
} 

這對我來說很好。希望這可以幫助你!