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

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: privateacc@abc.com
Subject: Re: to Anonymous sending mail
Date: Aug 21, 2024, 11:48 AM
To: Anonymous@Anonymous.com

<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: privateacc@abc.com   <br/>
Subject: Re: to Anonymous sending mail   <br>
Date: Aug 21, 2024, 10:34 AM   <br/>
To: Anonymous@Anonymous.com  <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: privateacc@abc.com   <br/>
Subject: to Anonymous sending mail   <br>
Date: Aug 06, 2024, 15:13 PM   <br/>
To: Anonymous@Anonymous.com  <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> `;

zenoamaro / react-quill

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