본문으로 바로가기

[jQuery] .dotdotdot 플러그인(말줄임, 글줄임)

category Dev/jQuery 2016. 9. 19. 15:12

게시판 같은 곳에 제목등을 길게 쓰거나 이름을 길게 쓰면 아래로 밀리는 현상이 있는데 이때 컬럼의 길이에 맞게 각각의 글자수를 계산해서 밀리지 않게 처리한후 (...) 같은 처리를 하게 된다 이때 jQuery 플러그인 하나로 간단하게 처리가 가능하다.

<title>dotdotdot sample</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="/sample/js/jquery.dotdotdot.min.js"></script>
 <table>
<tbody><tr style="height: 30px;">
  <td class="dotdot" style="width: 300px; color: black;">안녕하세요 이렇게 하면 글이 아래로 밀려요</td>
</tr>
</tbody></table>
 
<script>
  $('.dotdot').dotdotdot({
      // configuration goes here
      ellipsis: '...',//말줄임 뭘로 할지
      watch : false, //윈도우 창에따라서 업데이트 할건지, 윈도우가 리사이즈될 때 업데이트할 건지
      wrap : 'letter',//word(단어단위), letter(글 단위), children(자식단위) 자르기
      height  : 20,
      tolerance : 20 //글이 넘치면 얼만큼 height 늘릴건지
  });
</script>

자세한 옵션과 내용은 아래의 사이트를 방문하면 된다.


Sample : http://f.goodkiss.co.kr/sample/dotdotdot/dotdotSample.html


dotdotdot 플러그인 사이트 바로가기


댓글을 달아 주세요

  1. Favicon of https://jsp-making.tistory.com BlogIcon 하늘아빠 2019.01.23 09:16 신고

    개인용 무료, 상업용 유료!