Merge pull request #361 from fylzero/add-focus-method

feat(vue-quill): add focus method
vueup · May 12, 2023 · f544b92 · f544b92
2 parents 54eefc7 + f1a93b7
commit f544b92
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/docs/content/api/methods.md b/docs/content/api/methods.md
@@ -53,6 +53,10 @@ We highly recommend to call method when the quill editor ready, use @ready event
 
   To import raw HTML from a non-Quill environment.
 
+  ## focus()
+
+  Focuses the editor.
+
 ## getText(index, length)
 
 - **Parameter:** `index?: number, length?: number`

diff --git a/packages/vue-quill/src/components/QuillEditor.ts b/packages/vue-quill/src/components/QuillEditor.ts
@@ -289,7 +289,7 @@ export const QuillEditor = defineComponent({
     const getQuill = (): Quill => {
       if (quill) return quill
       else
-        throw `The quill editor hasn't been instantiated yet, 
+        throw `The quill editor hasn't been instantiated yet,
                   make sure to call this method when the editor ready
                   or use v-on:ready="onReady(quill)" event instead.`
     }
@@ -340,6 +340,10 @@ export const QuillEditor = defineComponent({
       if (delta) quill?.setContents(delta, source)
     }
 
+    const focus = () => {
+      quill?.focus()
+    }
+
     const reinit = () => {
       nextTick(() => {
         if (!ctx.slots.toolbar && quill)
@@ -380,6 +384,7 @@ export const QuillEditor = defineComponent({
       getHTML,
       setHTML,
       pasteHTML,
+      focus,
       getText,
       setText,
       reinit,