我正在加载一些提要并将它们显示为我的网站页面上的链接。当您将鼠标悬停在链接上时，会弹出一个工具提示，其中包含提要、时间、作者、标题和内容。有时内容很长并且包含 HTML。所以我添加了一个预览，它会在某个点之后切断内容。
所以我的问题是如何在预览内容中确定一个好的断点？现在，我的内容有一个图像标签，它在 URL 中间被截断（我的 javascript 目前只计算到 1000 个字符），我在工具提示中得到一个损坏的图像......我不那么担心关于打破表格，但我希望我的预览不会破坏颜色格式或图像。
问题截图：
代码：
content = content.substring(0,1000) + "...<br><br><span style="float:right;">(Click for more info)</span>";
*注意：提要中的 HTML 有时包含 < 或 >，因为有示例 HTML 代码，以及格式化文本的标签...