如何限制内容预览，并保持它的可读性

Question

我加载某些饲料，并展示他们为我的网站页面上的链接。当你将鼠标悬停在链接，工具提示弹出配合饲料，时间，作者，标题和内容。有时，内容是相当长，并且包含HTML。因此，我增加其中的某个点之后切断所述内容的预览。

所以我的问题是我如何确定预览内容的好破发点？现在，我的内容有哪些获取URL的中途被切断的图像标签（我的javascript只统计了1000个字符在这个时候），我的提示得到一个破碎的形象......我不是担心关于破表，但我想我的预览不会打破颜色格式或图像。

问题的截图：

代码：

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

*注：进料中的HTML有时具有<或者>因为有样品的HTML代码，以及标记，格式化文本...

Answer 1

为什么不使用jQuery刚刚从内容提取文本并显示在你的提示，而不是显示HTML？

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