I have a <div> with Rich Text that I am setting as:

<ReactQuill value={text} readOnly={true} theme={"bubble"}/>

I am trying to truncate the text to three lines and show ellipses if it has been truncated. For other truncated fields I used <Truncate>:

<Truncate lines={3} ellipses={<span>...</span>}>{text}</Truncate>

However, returns only plain text, so I lose the line formatting provided by ReactQuill.

Is there a way that I can use these two libraries together or truncate the text a different way using ReactQuill?