Skip to content

Events

Some events are dispatched by the controller or its modules. All events are prefixed with quill:. Since they all bubble, you can catch them on the element carrying the controller using data-action.

event namedescriptionpayload
optionsDispatched after editor options are created (modules, toolbar, height ...) but before the editor is initialisedQuillOptionsStatic instance
connectDispatched after the editor is initialised with the options but before it has any contentQuill editor instance
hydrate:beforeDispatched after the initial data is fetched, but before it is sent in quill editor instancequill Delta instance
hydrate:afterDispatched after the editor has been initialised with its dataQuill editor instance
stt:resultDispatched when speech recognition produces a result (interim or final){ text: string, isFinal: bool }
stt:listening-startDispatched when speech recognition starts listening{}
stt:listening-stopDispatched when speech recognition stops{}
stt:errorDispatched when a speech recognition error occurs{ error: any }
gallery:openDispatched when the media gallery modal is opened{ modal: HTMLElement }
gallery:closeDispatched when the media gallery modal is closed{ modal: HTMLElement }
gallery:image-insertedDispatched when an image from the gallery is inserted into the editor{ image: object }
gallery:upload-successDispatched when an image is successfully uploaded through the gallery{ response: any, file: File }
counter:words-updateDispatched when the word count is updated{ value: number }
counter:characters-updateDispatched when the character count is updated{ value: number }
reading-time:updateDispatched when the estimated reading time is updated{ minutes: number, words: number }