如何限制内容预览,并保持它的可读性
-
20-09-2019 - |
题
我加载某些饲料,并展示他们为我的网站页面上的链接。当你将鼠标悬停在链接,工具提示弹出配合饲料,时间,作者,标题和内容。有时,内容是相当长,并且包含HTML。因此,我增加其中的某个点之后切断所述内容的预览。
所以我的问题是我如何确定预览内容的好破发点?现在,我的内容有哪些获取URL的中途被切断的图像标签(我的javascript只统计了1000个字符在这个时候),我的提示得到一个破碎的形象......我不是担心关于破表,但我想我的预览不会打破颜色格式或图像。
问题的截图:
代码:
content = content.substring(0,1000) + "...<br><br><span style="float:right;">(Click for more info)</span>";
*注:进料中的HTML有时具有<或者>因为有样品的HTML代码,以及标记,格式化文本...
解决方案
为什么不使用jQuery刚刚从内容提取文本并显示在你的提示,而不是显示HTML?
content = $('*',content).text().substring(0,1000) + "...<br><br>...
不隶属于 StackOverflow