function ellipsizeTextBox(el) {

    if (el.scrollHeight <= el.offsetHeight) {

      return;

    }

​

    let wordArray = el.innerHTML.split(' ');

    const wordsLength = wordArray.length;

    let activeWord;

    let activePhrase;

    let isEllipsed = false;

​

    for (let i = 0; i < wordsLength; i++) {

      if (el.scrollHeight > el.offsetHeight) {

        activeWord = wordArray.pop();

        el.innerHTML = activePhrase = wordArray.join(' ');

      } else {

        break;

      }

    }

​

    let charsArray = activeWord.split('');

    const charsLength = charsArray.length;

​

    for (let i = 0; i < charsLength; i++) {

      if (el.scrollHeight > el.offsetHeight) {

        charsArray.pop();

        el.innerHTML = activePhrase + ' ' + charsArray.join('')  + '...';

        isEllipsed = true;

      } else {

        break;

      }

    }

​

    if (!isEllipsed) {

      activePhrase = el.innerHTML;

​

      let phraseArr = activePhrase.split('');

      phraseArr = phraseArr.slice(0, phraseArr.length - 3)

      el.innerHTML = phraseArr.join('') + '...';

    }

  }

​

let el = document.getElementById('ellipsed');

​

ellipsizeTextBox(el);