title: How can i display just 2 lines of my dynamic text in this area ending with 3 dots and then the 'read more' link next to it
body: <p>i have tried giving css(ellipsis) property. but it is trimming the first line itself.i need to show two lines (if i can set up max length character also is fine). I have gone through the 'limit' property in angular to trim text but it is not happening inside this InnerHTML content.
  please see my HTML:</p>
  <pre><code>&lt;div&gt;
    &lt;p class='ellipsis' [innerHTML]=&quot;news.newsText&quot;&gt;&lt;/p&gt;
    &lt;a href=&quot;javascript: void(0)&quot; (click)=&quot;readmoreFunc(news)&quot;&gt;Read more&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This is the result in UI by now.
  <a href="https://i.stack.imgur.com/xFEkU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xFEkU.png" alt="This is the result in UI by now..." /></a></p>