Javascript 如何限制内容预览并保持其可读性

我正在加载一些提要并将它们显示为我的站点页面上的链接。当您将鼠标悬停在链接上时，将弹出一个工具提示，其中包含提要、时间、作者、标题和内容。有时内容很长，包含HTML。因此，我添加了一个预览，它在某个点之后切断了内容

因此，我的问题是如何确定预览内容中的良好断点？现在，我的内容有一个图像标签，它在URL中间被切断（我的JavaScript只在这个时候计数到1000个字符），而我在工具提示中得到了一个坏的图像…我并不担心打破表格，但我希望我的预览不会破坏颜色格式或图像

问题的屏幕截图：

代码：

content=content.substring（01000）+“…

（点击查看更多信息）”；

---

*注意：提要中的HTML有时具有<或>，因为有示例HTML代码以及格式化文本的标记…

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

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

content=$（'*'，content.text（）.substring（01000）+“…

。。。

我希望在预览中显示图像和文本颜色…使用text（）我不允许这样做。内容HTML是平面的还是嵌套的很深？在一个容器中？它是一致的吗？在某些情况下，您可以使它很容易工作，但不适用于任意HTML。它是来自论坛的RSS提要，所以它不是深度嵌套的，但有时包含表和图像。

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