Quill Editor with ImageUploader & Init multiple instance at once.

Hello there,

Just want to share about how we can use quill editor dynamically without initialize each editor one by one.

Quill editor GUI

First thing first.

We need DIV with class ‘editor-container’, after the content editor initialized, the editor value will be placed on input. We have to set input ID on .editor-container on attribute data-id.

Element for quill editor

Javascript to initalize the editor.

That’s it. Now you can use quill editor dynamically without need to worried about initialize or re-initialize it dozens times!