首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

列表中展示富文本的缩略内容

2012-11-04 
列表中显示富文本的缩略内容业务中有一个一览列表,显示某个对象的一览信息。列表的其中一列用来显示对象的

列表中显示富文本的缩略内容

业务中有一个一览列表,显示某个对象的一览信息。列表的其中一列用来显示对象的内容的缩略显示,该内容是含有各种html标签的富文本内容。开始决定不做处理直接显示,但看到一个一个的尖括号实在没法忍受,查找了一番,做了如下处理。

?

把实际内容放到一个隐藏的div中,

?

?

然后把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;}

?

试来试去这种方法是唯一奏效的,当然也许还有更简洁和直接的方式。

热点排行
Bad Request.