게시물 목록 화면에서 내용 길이 줄이고 '더보기' 출력하기 코드

Q. 

SNS 보면 본문 내용이 길어지는 경우 더보기를 표시해서 글을 가리고 본문으로 들어가서 보게끔 유도함. 

해당 기능 구현 문의

 

---

 

 

아래 코드는 본문 내용을 요약 getSummary 하는게 아니고 getContent로 (메모장) 마냥 전체 본문을 표현하면서

장문에 대한 내용을 자르고 '더보기' 내용을 출력해 줍니다.

 

코드1.

{@
$maxLength = 350;
if (mb_strlen(strip_tags($document->getContent(false))) > $maxLength):
    $fullUrl = getUrl('document_srl', $document->document_srl); // 문서의 URL 생성
    $content = $document->getSummary($maxLength);
    $content .= " <a href='" . $fullUrl . "' class='read-more'>더보기</a>";
    echo $content;
else:
    $content = preg_replace('/<img[^>]*>/', '', $document->variables['content']);
    echo $content;
endif;
}

 

 

코드2. (내용 아래 <p> 태그 발생을 막아주고 본문 내용의 첨부파일(썸네일 아님) 이미지까지 불러오는 코드)

{@
$maxLength = 350;
if (mb_strlen(strip_tags($document->getContent(false))) > $maxLength):
    $fullUrl = getUrl('document_srl', $document->document_srl); // 문서의 URL 생성
    $content = $document->getSummary($maxLength);
    $content .= " <a href='" . $fullUrl . "' class='read-more'>더보기</a>";
    echo $content;
else:
    $content = preg_replace('/(<\s*p\s*>[\xA0|\xC2|\s|&nbsp;]*<\s*\/p\s*>\s*)+<\s*\/div\s*>/i', '</div>', $document->getContent(false));
    echo $content;
endif;
}

 

 

코드3. 최종 완성 , 호출된 본문 아래 공백들을 제거하고 이미지도 안불러옴 끝

{@
$maxLength = 350;
if (mb_strlen(strip_tags($document->getContent(false))) > $maxLength):
    $fullUrl = getUrl('document_srl', $document->document_srl); // 문서의 URL 생성
    $content = $document->getSummary($maxLength);
    $content .= " <a href='" . $fullUrl . "' class='read-more'>더보기</a>";
    echo $content;
else:
    $content = $document->variables['content'];
    $content = preg_replace('/<p[^>]*>\s*(<img[^>]*>)\s*<\/p>/', '', $content);
    echo $content;
endif;
}

 

 

코드4. 이온디님 코드

더보기 php 코드
list.blade.php

v.1
@php
$maxLength = 350;
if(mb_strlen(strip_tags($document->getContent(false))) > $maxLength){
// $content = preg_replace('/<img[^>]*>/', '', $document->variables['content']);
// $shortContent = mb_substr($content, 0, $maxLength) . '...';
$fullUrl = getUrl('document_srl', $document->document_srl); // 문서의 URL 생성
$content = $document->getSummary($maxLength);
$content .= " <a href='" . $fullUrl . "' class='read-more'>더보기</a>";
echo $content;
}else{
// echo '이하';
$content = preg_replace('/<img[^>]*>/', '', $document->variables['content']);
//  echo $document->getContent(false);
echo $content;
}
@endphp

 

공백 제거부분 추가

@php
 $maxLength = 350;
 if(mb_strlen(strip_tags($document->getContent(false))) > $maxLength){
    // $content = preg_replace('/<img[^>]*>/', '', $document->variables['content']);
    // $shortContent = mb_substr($content, 0, $maxLength) . '...';
    $fullUrl = getUrl('document_srl', $document->document_srl); // 문서의 URL 생성
    $content = $document->getSummary($maxLength);
    $content .= " <a href='" . $fullUrl . "' class='read-more'>더보기</a>";
    echo $content;
 }else{
//                          echo '이하';
//                          $content = preg_replace('/<p><br><\/p>/', '', $document->variables['content']);
    $content = preg_replace('/<img[^>]*>/', '', $document->variables['content']);
    $content = preg_replace('/<br\s*\/?>/i', '', $content);
//                           echo $document->getContent(false);
    echo $content;
 }
@endphp