Come faccio a limitare il contenuto in anteprima e tenerlo leggibile
-
20-09-2019 - |
Domanda
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
Soluzione
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>...