从 HTML 元素获取 Quill 编辑器实例

Question

Assuming I created an editor instance for a certain element, eg via const editor = new Quill('#editor', {...some options});

Now, I would like to get this editor instance when only having the element available, eg something like const editor = Quill.existingEditorFromElement('#editor');

The reason is that I am building a component that can be plugged into existing websites that enhances their editors, and I need a way to get their editor instance.

Answer 1

This can be done by using Quill.find('#editor'); , see https://quilljs.com/docs/api/#find-experimental

Answer 2

According to Quill API Documentation you can get the editor instance by getting the DOM element by its ID (or classname or tagname...), and inserting it inside the find function.

Example:

var div = document.getElementById('editor');
var quill_instance = Quill.find(div);