Nothing is displayed on passing <img> or <iframe>

[lxtadhamnawito]

I have an issue with displaying data to Quill. As I have some data that are saved in db and on retrieving them I want to get them displayed correctly.

So this's example of the data "<iframe class="ql-video" src='https://www.youtube.com/embed/uprpLFZJTIQ?showinfo=0'></iframe>", on getting this from db and passing it to the Editor it won't display anything and I check the state, it gets value=""

But if I passed "<p> hello world </p><iframe class="ql-video" src='https://www.youtube.com/embed/uprpLFZJTIQ?showinfo=0'></iframe>", It will get displayed correctly and I can see the video on the screen and the value gets the correct state.

This happened with me in and

So why this is happening ? and is there's some value required to make the Editor display things or something ?

ReactQuill version

^1.3.5

[alexkrolick]

You have to enable the Quill formatters you need: https://quilljs.com/docs/formats/ You can register custom formatters using this API: https://quilljs.com/docs/api/#register

• https://quilljs.com/docs/modules/
• https://github.com/zenoamaro/react-quill#custom-formats
• https://www.npmjs.com/search?q=quill%20embed&page=1&ranking=optimal