より少ない機能で切り捨てることなく全文を表示する

Question

私たちはAngular jsアプリケーションに取り組んでいます。私たちのアプリケーションでは、テーブルやdivに表示されるテキストを使って多かれ少なかれ機能を実装する必要があります。これを達成するために、READMORE.jsを使用しました。これは正常なテキストで正常に動作します。

しかし、我々は赤い色にテキストを表示するために持っているので、我々はテキストにスパンを追加しました：

：上記のテキストはreadmoreのより多くのオプションがロードされるたび

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

、それは、テキストを切り詰めます

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

テキストは赤色で表示されず、テキストも切り取られますが、データベースに保存されたテキストは正しいものの、読み込み中のテキストは切り捨てられます。また、これは、テキストの最初に必要なスパンではなく、テキスト内のどこにでも置くことができます。私は切り捨てず、すべてのテキストを表示することができますどのように

Truncating text in Application with readmore.js

？

Answer 1

私もreadmore.jsで作業している間、同じ問題に直面していました。方法において

：

Iは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 
} 

これはうまくいきました。これがあなたを助けることを願って！