列表中顯示富文本的縮略內容

業務中有一個一覽列表，顯示某個對象的一覽信息。列表的其中一列用來顯示對象的內容的縮略顯示，該內容是含有各種html標簽的富文本內容。開始決定不做處理直接顯示，但看到一個一個的尖括號實在沒法忍受，查找了一番，做了如下處理。

把實際內容放到一個隱藏的div中，

${Content}

然后把div的文本內容去掉回車換行后放到label中，達到過濾標簽的目的。

因為表格采用了超長自動省略的css，所以給標簽增加title屬性，顯示完整內容。

for (var i=0; i < $('tableId').rows.length - 1; i++) {

$('content' + i).innerText = $('rtfContent' + i).innerText.replace( /\r|\n/g, "");

$('content' + i).title = $('rtfContent' + i).innerText;

}

試來試去這種方法是唯一奏效的，當然也許還有更簡潔和直接的方式。

總結

以上是生活随笔為你收集整理的html缩略文本,列表中展示富文本的缩略内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。