QuillJS - 需要单击第一行才能聚焦

Question

在 QuillJS 上，我需要单击第一行才能聚焦，而我希望整个编辑器都可单击。

我尝试在 div 上添加 contenteditable="true" 并且它有效，但这造成了很多混乱（例如粘贴文本的问题）。

JS中的配置：

let quill = new Quill(`#${quillId}`, {
    modules: {
        toolbar: toolbarOptions,
    },
    placeholder: 'Add a description',
    theme: 'snow'
});

HTML：

<div id="quill-editor-{{ form.vars.id }}" class="quill-editor"></div>

Answer 1

只需在编辑器 div 元素的单击事件被触发时调用 focus 方法即可。

$(`#${quillId}`).on('click', quill.focus());