I want to insert a <div> into the Quill editor and apply styles based on the class of that <div>.

[mayur-mku]

react-quill version : "react-quill": "^2.0.0"
React version : "react": "^18.2.0",

I am inserting div inside react-quill but react-quill not let me insert div and add class.
and want this editable as well in react-quill
I also want to insert html inside react-quill editor. like following :

htmlString = `

---------- Replied message ---------

From: [email protected]

Subject: Re: to Anonymous sending mail

Date: Aug 21, 2024, 11:48 AM

To: [email protected]

<p>sending reply 2</p><p><br></p><p>--</p><p>ASDSADF</p><p class="encryptWaterMark"><span style="color: rgb(22, 22, 22);">Encrypted by </span><span style="color: rgb(0, 107, 85);">Anonymous</span></p> <br/><br/> <p></p><p><div class="blRepliedContent latest">
---------- Replied message --------- <br/>
From: [email protected]   <br/>
Subject: Re: to Anonymous sending mail   <br>
Date: Aug 21, 2024, 10:34 AM   <br/>
To: [email protected]  <br/><br/><br/><br/>



<p>reply one</p><p><br></p><p>--</p><p>ASDSADF</p><p class="encryptWaterMark"><span style="color: rgb(22, 22, 22);">Encrypted by </span><span style="color: rgb(0, 107, 85);">Anonymous</span></p> <br/><br/> <p></p><p><div class="blRepliedContent">
---------- Replied message --------- <br/>
From: [email protected]   <br/>
Subject: to Anonymous sending mail   <br>
Date: Aug 06, 2024, 15:13 PM   <br/>
To: [email protected]  <br/><br/><br/><br/>



<p><br></p><p>to Anonymous sending mail</p><p>--</p><p>ASDSADF</p><p class="encryptWaterMark"><span style="color: rgb(22, 22, 22);">Encrypted by </span><span style="color: rgb(0, 107, 85);">Anonymous</span></p>
                </div></p>
                </div></p>
                </div></p> `;

[mayur-mku]

I want to style just like this