How to use quill plugins with react-quill

How do I use such a plugin? https://github.com/kensnyder/quill-image-resize-module

Currently, I get -> TypeError: Cannot read property ‘imports’ of undefined

Codesadbox link

Thanks for filing an issue!

If at all possible, please provide a Codesandbox or Codepen to demonstrate the problem you’re having with React Quill. Here’s a template to get you started.

⚠️ Make sure that your bug hasn’t already been fixed by ReactQuill v2.0.0-beta.2. See the homepage for instructions on how to upgrade.

Ticket due diligence

• I have verified that the issue persists under ReactQuill v2.0.0-beta.2
• I can’t use the beta version for other reasons

ReactQuill version

• master
• v2.0.0-beta.2
• v2.0.0-beta.1
• 1.3.5
• 1.3.4 or older
• Other (fork)

FAQ

Is this a bug in Quill or ReactQuill?

ReactQuill is just a ~thin~ wrapper on top of the Quill editor. Often, what looks like a bug in ReactQuill, is actually a bug in the Quill editor itself. Before opening a ticket, please check the Quill documentation, and the issues page, and see if that answers your question first.

How do I access the wrapped Quill instance?

See the instance methods and API documentation.

[anmol5varma]

@ArjunAtlast Use this instead

import ReactQuill, { Quill } from ‘react-quill’; import ImageResize from ‘quill-image-resize-module-react’; Quill.register(‘modules/imageResize’, ImageResize);

module = { imageResize: { // parchment: Quill.import(‘parchment’), modules: [‘Resize’, ‘DisplaySize’] } };

[dextel2]

Is there any library that works like this for iframes?