列表中顯示富文本的縮略內(nèi)容

業(yè)務(wù)中有一個(gè)一覽列表，顯示某個(gè)對(duì)象的一覽信息。列表的其中一列用來(lái)顯示對(duì)象的內(nèi)容的縮略顯示，該內(nèi)容是含有各種html標(biāo)簽的富文本內(nèi)容。開(kāi)始決定不做處理直接顯示，但看到一個(gè)一個(gè)的尖括號(hào)實(shí)在沒(méi)法忍受，查找了一番，做了如下處理。

把實(shí)際內(nèi)容放到一個(gè)隱藏的div中，

${Content}

然后把div的文本內(nèi)容去掉回車換行后放到label中，達(dá)到過(guò)濾標(biāo)簽的目的。

因?yàn)楸砀癫捎昧顺L(zhǎng)自動(dòng)省略的css，所以給標(biāo)簽增加title屬性，顯示完整內(nèi)容。

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;

}

試來(lái)試去這種方法是唯一奏效的，當(dāng)然也許還有更簡(jiǎn)潔和直接的方式。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。