從 HTML 元素獲取 Quill 編輯器實例

Question

假設我為某個元素創建了一個編輯器實例，例如通過const editor = new Quill('#editor', {...some options});

現在，我想在只有元素可用時獲取這個編輯器實例，例如const editor = Quill.existingEditorFromElement('#editor');

原因是我正在構建一個可以插入現有網站的組件，以增強他們的編輯器，我需要一種方法來獲取他們的編輯器實例。

Answer 1

這可以通過使用Quill.find('#editor');來完成。 ，請參閱https://quilljs.com/docs/api/#find-experimental

Answer 2

根據Quill API Documentation ，您可以通過獲取 DOM 元素的 ID（或類名或標記名...）並將其插入到 find 函數中來獲取編輯器實例。

例子：

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