How can I use react-quill to provide a user to create a template that can also be previewed

I’m looking at an npm library called react-quill but unsure how to achieve the same functionality over at HTML Code editor with preview

I need to be able to allow the user enter HTML code that then renders this code within a preview window.

I am new to react-quill and not sure how to achieve this as I would like to provide the user with a toolbar of HTML code options like h1, h2, span etc.

I have tried this code over in codesandbox but it is appearing as a rich text editor with no preview window. I actually want it to appear as a HTML Editor with rendered preview.

I’m also not sure if react-quill can achieve this or if I should be looking at another library?