Wie beschränke ich die Inhaltsvorschau und halte sie lesbar

Question

Ich lade einige Feeds und zeige sie als Links auf meiner Seite an. Wenn Sie den Mauszeiger über den Link bewegen, erscheint eine QuickInfo mit dem Feed, der Uhrzeit, dem Autor, dem Titel und dem Inhalt. 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.

Also meine Frage ist, wie kann ich einen guten Haltepunkt in der Vorschau Inhalt feststellen? Im Moment hat mein Inhalt ein Bild-Tag, das in der Mitte der URL abgeschnitten wird (mein Javascript zählt zu diesem Zeitpunkt nur 1000 Zeichen) und ich bekomme ein gebrochenes Bild im Tooltip ... Ich bin nicht so besorgt über das Brechen von Tabellen, aber ich möchte, dass meine Vorschau die Farbformatierung oder Bilder nicht unterbricht.

Screenshot des Problems:

preview http://i32.tinypic.com/68y2o8.jpg

Code:

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

* Hinweis: Die HTML im Futter hat manchmal <oder> weil es Probe HTML-Code ist, sowie Tags, die den Text formatieren ...

Answer 1

Warum extrahieren Sie einfach den Text aus dem Inhalt mit jQuery und Show das in Ihrem Tooltip, anstatt das HTML zu zeigen?

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