컨텐츠 미리보기를 제한하고 읽을 수 있도록하려면 어떻게해야합니까?

StackOverflow https://stackoverflow.com/questions/1338402

문제

피드를로드하고 내 사이트 페이지의 링크로 표시하고 있습니다. 링크 위로 마우스를 마우면 피드, 시간, 저자, 제목 및 콘텐츠로 툴팁이 나타납니다. 때로는 내용이 매우 길고 HTML을 포함합니다. 그래서 특정 지점 후에 컨텐츠를 차단하는 미리보기를 추가했습니다.

그래서 내 질문은 미리보기 내용의 좋은 중단 점을 어떻게 결정합니까? 지금 내 컨텐츠는 URL 중간에 끊어지는 이미지 태그가 있습니다 (현재 JavaScript에는 현재 1000 자에만 계산됩니다). 테이블을 깨는 것에 대해서는 미리보기가 색상 서식이나 이미지를 깨지 않도록합니다.

문제의 스크린 샷 :

preview

암호:

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>...
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top