Javascript

[Jquery] 텍스트 여러 줄 말 줄임 처리 스크립트

yemsu 2020. 4. 1. 11:29

텍스트가 여러 줄 일 때 말 줄임 스크립트!

  <div class="ellip-multi"><p>text area</p></div>
  <script>
    // 영어일 때
    while ($('.ellip-multi p').outerHeight(true) > $('.ellip-multi').height()) {
        $('.ellip-multi p').text(function(index, text) {
            return text.replace(/\W*\s(\S)*$/, '...');
        });
    }

    // 한글일 때
    while ($('.ellip-multi p').outerHeight(true) > $('.ellip-multi').height()) {
        $('.ellip-multi p').text(function(index, text) {
            return text.replace(/\s(\S)*$/, '...');
        });
    }
  </script>