Как мне ограничить предварительный просмотр контента и сохранить его читабельным
-
20-09-2019 - |
Вопрос
Я загружаю некоторые каналы и отображаю их в виде ссылок на странице моего сайта.При наведении курсора мыши на ссылку появляется всплывающая подсказка с указанием канала, времени, автора, названия и содержимого.Иногда содержимое довольно длинное и содержит HTML.Поэтому я добавил предварительный просмотр, который отключает содержимое после определенного момента.
Итак, мой вопрос заключается в том, как мне определить хорошую точку останова в контенте предварительного просмотра?Прямо сейчас в моем контенте есть тег image, который обрезается в середине URL-адреса (в данный момент мой javascript отсчитывает только до 1000 символов), и я получаю разбитое изображение во всплывающей подсказке...Я не так беспокоюсь о разбиении таблиц, но я бы хотел, чтобы мой предварительный просмотр не нарушал цветовое форматирование или изображения.
скриншот проблемы:
Код:
content = content.substring(0,1000) + "...<br><br><span style="float:right;">(Click for more info)</span>";
*Примечание:HTML-код в ленте иногда содержит < или > потому что есть образец HTML-кода, а также теги, которые форматируют текст...
Решение
Почему бы просто не извлечь текст из содержимого с помощью jQuery и показать это во всплывающей подсказке, а не показывать HTML?
content = $('*',content).text().substring(0,1000) + "...<br><br>...