fix(VQuillEditor): disable auto fix cursor by default via `autoFixCur…

…sor` prop (#141)
gitsindonesia · Mar 8, 2023 · 9a809b6 · 9a809b6
1 parent d81ceca
commit 9a809b6
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/packages/quill-editor/src/VQuillEditor.vue b/packages/quill-editor/src/VQuillEditor.vue
@@ -18,6 +18,7 @@ const props = withDefaults(
     labelClass?: string;
     errorClass?: string;
     hideError?: boolean;
+    autoFixCursor?: boolean;
   }>(),
   {
     toolbar: 'essential',
@@ -27,6 +28,7 @@ const props = withDefaults(
     readOnly: false,
     labelClass: 'block mb-2 font-medium',
     errorClass: 'text-sm mt-1 text-error-500',
+    autoFixCursor: false,
   },
 );
 
@@ -47,15 +49,16 @@ watch(modelValue, (value) => {
 watch(
   content,
   (val: any) => {
-    editor.value?.setHTML(val);
-
-    nextTick(() => {
-      let q = editor.value?.getQuill();
-      if (q) {
-        q.setSelection(val.length, 0, 'api');
-        q.focus();
-      }
-    });
+    if (props.autoFixCursor) {
+      editor.value?.setHTML(val);
+      nextTick(() => {
+        let q = editor.value?.getQuill();
+        if (q) {
+          q.setSelection(val.length, 0, 'api');
+          q.focus();
+        }
+      });
+    }
   },
   {immediate: true},
 );