Wie begrüße ich die Inhaltsvorschau und halte sie lesbar

Question

Ich lade einige Feeds und zeige sie als Links auf meiner Site -Seite an. Wenn Sie über den Link schweben, taucht ein Tooltip mit dem Feed, der Zeit, dem Autor, dem Titel und dem Inhalt auf. Manchmal ist der Inhalt ziemlich lang und enthält HTML. Also habe ich eine Vorschau hinzugefügt, die den Inhalt nach einem bestimmten Punkt abschneidet.

Meine Frage ist also, wie ich einen guten Break -Punkt im Vorschau -Inhalt bestimmt. Im Moment hat mein Inhalt ein Bild -Tag, das in der Mitte der URL abgeschnitten wird (mein JavaScript zählt zu diesem Zeitpunkt nur auf 1000 Zeichen) und ich erhalte ein kaputes Bild im Tooltip ... Ich bin nicht so besorgt Über Brechen von Tischen, aber ich möchte, dass meine Vorschau nicht die Farbformatierung oder Bilder brechen.

Screenshot des Problems:

Code:

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

*Hinweis: Das HTML im Feed hat manchmal <oder>, da es ein Beispiel -HTML -Code gibt, sowie Tags, die den Text formatieren ...

Answer 1

Warum extrahieren Sie nicht einfach den Text aus dem Inhalt mit JQuery und zeigen Sie dies in Ihrem Tooltip an, anstatt die HTML zu zeigen?

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