代码之家 › 专栏 › 技术社区 › Mottie

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

preview tooltip jquery javascript

0

Mottie · 技术社区 · 15 年前

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

所以我的问题是如何在预览内容中确定一个好的断点?现在,我的内容有一个图像标记,它在URL中间被切断(此时我的javascript只计算出1000个字符),并且我在工具提示中得到一个损坏的图像…我不担心破坏表格,但我希望我的预览不破坏颜色格式或图像。

问题截图:

代码:

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

*注意:订阅源中的HTML有时有<或>因为有示例HTML代码,以及格式化文本的标记…

1 回复 | 直到 15 年前

1

tvanfosson 15 年前

为什么不使用jquery从内容中提取文本并在工具提示中显示,而不显示HTML?

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

推荐文章

Kartick Vaddadi · 视频HDR是否仅影响预览或捕获的图像?

8 年前

LatentDenis · 有没有办法在IE中生成PDF预览

9 年前

agrim khanna · 如何在android中创建url预览?

9 年前

Seliver · AVCaptureSession VS UIImagePickerController相机预览

9 年前

Florian Schöffl · C#Outlook加载项-在Outlook预览窗格中显示Outlook.mailitem?

10 年前

Flinzar · Android图像旋转并调整大小

11 年前