Comment puis-je limiter aperçu du contenu et lisible garde

Question

Je chargement de certains aliments et de les afficher sous forme de liens sur ma page du site. Lorsque vous passez la souris sur le lien, une info-bulle apparaît avec l'alimentation, le temps, l'auteur, le titre et le contenu. Parfois, le contenu est assez longue et contient du HTML. Donc, j'ai ajouté un aperçu qui coupe le contenu après un certain point.

Alors, ma question est de savoir comment puis-je déterminer un bon point de rupture dans le contenu de prévisualisation? En ce moment, mon contenu a une étiquette d'image qui est coupé au milieu de l'URL (mon javascript ne compte que sur 1000 caractères à ce moment) et je reçois une image cassée dans l'info-bulle ... Je ne suis pas aussi inquiet de casser les tables, mais je voudrais que mon aperçu de ne pas casser le formatage des couleurs ou des images.

capture d'écran du problème:

Code:

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

* Remarque: le code HTML dans l'alimentation a parfois car il est un exemple de code HTML, ainsi que les tags en forme le texte ...

Answer 1

Pourquoi ne pas extraire tout le texte à partir du contenu en utilisant jQuery et montrer que dans votre info-bulle plutôt que de montrer le code HTML?

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