Как мне ограничить предварительный просмотр контента и сохранить его читабельным

Question

Я загружаю некоторые каналы и отображаю их в виде ссылок на странице моего сайта.При наведении курсора мыши на ссылку появляется всплывающая подсказка с указанием канала, времени, автора, названия и содержимого.Иногда содержимое довольно длинное и содержит HTML.Поэтому я добавил предварительный просмотр, который отключает содержимое после определенного момента.

Итак, мой вопрос заключается в том, как мне определить хорошую точку останова в контенте предварительного просмотра?Прямо сейчас в моем контенте есть тег image, который обрезается в середине URL-адреса (в данный момент мой javascript отсчитывает только до 1000 символов), и я получаю разбитое изображение во всплывающей подсказке...Я не так беспокоюсь о разбиении таблиц, но я бы хотел, чтобы мой предварительный просмотр не нарушал цветовое форматирование или изображения.

скриншот проблемы:

Код:

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

*Примечание:HTML-код в ленте иногда содержит < или > потому что есть образец HTML-кода, а также теги, которые форматируют текст...

Answer 1

Почему бы просто не извлечь текст из содержимого с помощью jQuery и показать это во всплывающей подсказке, а не показывать HTML?

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