如何限制内容预览并使其可读

Question

我正在加载一些Feed并将其显示为我网站页面上的链接。当您将鼠标悬停在链接上时，会弹出一个工具提示，其中包含Feed，时间，作者，标题和内容。有时内容很长并且包含HTML。所以我添加了一个预览版，在一定时间点之后切断了内容。

所以我的问题是如何在预览内容中确定一个好的断点？现在，我的内容有一个图像标签，在URL的中间被切断（我的javascript目前只计算到1000个字符）而且我在工具提示中得到了一个破损的图像......我并不担心关于打破表格，但我希望我的预览不会破坏颜色格式或图像。

问题的截图：

代码：

content = content.substring(0,1000) +  "...<br><br><span style="float:right;">(Click for more info)</span>";

*注意：Feed中的HTML有时会有＆lt;或者＆gt;因为有示例HTML代码，以及格式化文本的标签......

Answer 1

为什么不使用jQuery从内容中提取文本并在工具提示中显示而不是显示HTML？

content = $('*',content).text().substring(0,1000) + "...<br><br>...