[쟝고] 템플릿 필터를 활용해서 본문 내용을 축약하는 방법

sonhm·2021년 4월 23일
0

truncate필터

쟝고는 리스트 페이지에서 본문 내용을 축약해주는 기능을 제공한다. Templates > HTML 파일에서 다음과 같이 사용한다.

{{ blurb_text|truncatewords:3 }}

쟝고 공식문서

적용사례

적용전 모습

<div class="card-body">
  <h2 class="card-title">{{ post.title }}</h2>
  <p class="card-text">{{ post.content }}</p>
  <a href="{{ post.get_absolute_url }}" class="btn btn-primary">Read More &rarr;</a>
</div>

truncatewords:45 단어 수 기준으로 45개 단어 이전까지만 노출한다.
truncatewords 사례

<div class="card-body">
  <h2 class="card-title">{{ post.title }}</h2>
  <p class="card-text">{{ post.content|truncatewords:45 }}</p>
  <a href="{{ post.get_absolute_url }}" class="btn btn-primary">Read More &rarr;</a>
</div>

truncatechars:45 글자 수 기준으로 45개 글자 이전까지만 노출한다.
truncatechars 사례

<div class="card-body">
  <h2 class="card-title">{{ post.title }}</h2>
  <p class="card-text">{{ post.content|truncatechars:45 }}</p>
  <a href="{{ post.get_absolute_url }}" class="btn btn-primary">Read More &rarr;</a>
</div>
profile
기발한 기발자

0개의 댓글

관련 채용 정보