Come faccio a limitare il contenuto in anteprima e tenerlo leggibile

Question

Sto caricando alcuni feed e la loro visualizzazione come link sulla mia pagina del sito. Quando si passa sopra il collegamento, comparirà un suggerimento con l'alimentazione, il tempo, autore, titolo e il contenuto. A volte il contenuto è piuttosto lungo e contiene HTML. Così ho aggiunto una preview che taglia il contenuto dopo un certo punto.

Quindi la mia domanda è: come faccio a determinare un buon punto di rottura nel contenuto di anteprima? In questo momento, il mio contenuto ha un tag di immagine che viene tagliata a metà del URL (il mio javascript conta solo 1000 caratteri in questo momento) e ottengo un'immagine rotta nella descrizione ... Io non sono così preoccupati di rompere tavoli, ma vorrei la mia anteprima di non rompere la formattazione a colori o immagini.

screenshot del problema:

Codice:

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

* Nota: il codice HTML nel feed volte ha perché non c'è il codice HTML di esempio, così come i tag che formattare il testo ...

Answer 1

Perché non basta estrarre il testo dal contenuto utilizzando jQuery e dimostrare che nel vostro suggerimento, piuttosto che mostrare il codice HTML?

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