¿Cómo limito previsualización de contenido y debe ser legible

Question

Estoy cargando algunos alimentos y mostrarlos como enlaces en mi página web. Al pasar sobre el enlace, la información sobre herramientas aparece con la alimentación, el tiempo, el autor, el título y contenido. A veces el contenido es bastante largo y contiene HTML. Por lo que añade una vista previa que corta el contenido después de cierto punto.

Así que mi pregunta es ¿cómo puedo determinar un buen punto de ruptura en la vista previa del contenido? En este momento, el contenido de mi tiene una etiqueta de imagen, que se corta en el medio de la URL (mi javascript sólo cuenta a 1000 caracteres en este momento) y me da una imagen rota en la descripción ... No estoy tan preocupado de romper las tablas, pero me gustaría que mi vista previa para no romper el formato de color o imágenes.

captura de pantalla del problema:

Código:

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

* Nota: el código HTML en el pienso a veces tiene porque no hay código HTML de la muestra, así como etiquetas que formatear el texto ...

Answer 1

¿Por qué no extraer el texto del contenido usando jQuery y demostrar que en su información sobre herramientas en lugar de mostrar el código HTML?

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