如何限制內容預覽並保持可讀性

我正在加載一些提要，並將它們顯示爲我的網站頁面上的鏈接。當您將鼠標懸停在鏈接上時，會彈出提示，時間，作者，標題和內容。有時候內容很長，包含HTML。所以我添加了一個預覽，在某個點後切斷內容。如何限制內容預覽並保持可讀性

所以我的問題是如何確定預覽內容中的一個好的中斷點？目前，我的內容有一個圖片標籤，它在URL的中間被截斷（我的JavaScript只在此時計算出1000個字符），並且我在工具提示中看到了一張破碎的圖片...我並不擔心關於打破錶格，但我希望我的預覽不會破壞顏色格式或圖像。

截圖的問題：

代碼：

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

*注：進料中的HTML有時具有<或>因爲示例HTML代碼，以及標籤格式的文本...

2009-08-27 Mottie

爲什麼不只是從內容中提取文本使用jQuery和顯示在你的工具提示中，而不是顯示HTML？

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

2009-08-27 01:30:18 tvanfosson

我想有圖像和顯示文本顏色預覽...使用文本（）不會允許我這樣做 – Mottie 2009-08-27 02:27:21

是內容HTML平或嚴重拼圖？在一個容器中？它一致嗎？在某些情況下，您可以輕鬆實現它，但不適用於任意HTML。 – tvanfosson 2009-08-27 04:15:18

這是來自論壇的RSS源，因此它沒有深度嵌套，但有時包含表格和圖像。 – Mottie 2009-08-28 21:10:07

回答