@vueup/vue-quill 1.0.0-beta.1 → 1.0.0-beta.11

package/dist/vue-quill.cjs.js

@@ -1,13 +1,13 @@
 /*!
- * VueQuill @vueup/vue-quill v1.0.0-beta.1
+ * VueQuill @vueup/vue-quill v1.0.0-beta.11
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v1.3.7
  * https://quilljs.com/
  * 
- * Copyright (c) 2021 Ahmad Luthfi Masruri
+ * Copyright (c) 2022 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2021-04-15T13:32:32.399Z
+ * Date: 2022-10-21T15:41:46.444Z
  */
 'use strict';
 
@@ -17,7 +17,7 @@ var Quill = require('quill');
 var quillDelta = require('quill-delta');
 var vue = require('vue');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var Quill__default = /*#__PURE__*/_interopDefaultLegacy(Quill);
 var quillDelta__default = /*#__PURE__*/_interopDefaultLegacy(quillDelta);
@@ -99,6 +99,10 @@ const QuillEditor = vue.defineComponent({
                 return true;
             },
         },
+        modules: {
+            type: Object,
+            required: false,
+        },
         options: {
             type: Object,
             required: false,
@@ -130,29 +134,40 @@ const QuillEditor = vue.defineComponent({
         // Initialize Quill
         const initialize = () => {
             var _a;
-            if (editor.value) {
-                options = composeOptions();
-                // Create new instance
-                quill = new Quill__default(editor.value, options);
-                // Set editor content
-                setContents(props.content);
-                // Set event handlers
-                quill.on('text-change', handleTextChange);
-                quill.on('selection-change', handleSelectionChange);
-                quill.on('editor-change', handleEditorChange);
-                // Remove editor class when theme changes
-                if (props.theme !== 'bubble')
-                    editor.value.classList.remove('ql-bubble');
-                if (props.theme !== 'snow')
-                    editor.value.classList.remove('ql-snow');
-                // Fix clicking the quill toolbar is detected as blur event
-                (_a = quill
-                    .getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.addEventListener('mousedown', (e) => {
-                    e.preventDefault();
-                });
-                // Emit ready event
-                ctx.emit('ready', quill);
+            if (!editor.value)
+                return;
+            options = composeOptions();
+            // Register modules
+            if (props.modules) {
+                if (Array.isArray(props.modules)) {
+                    for (const module of props.modules) {
+                        Quill__default.register(`modules/${module.name}`, module.module);
+                    }
+                }
+                else {
+                    Quill__default.register(`modules/${props.modules.name}`, props.modules.module);
+                }
             }
+            // Create new Quill instance
+            quill = new Quill__default(editor.value, options);
+            // Set editor content
+            setContents(props.content);
+            // Set event handlers
+            quill.on('text-change', handleTextChange);
+            quill.on('selection-change', handleSelectionChange);
+            quill.on('editor-change', handleEditorChange);
+            // Remove editor class when theme changes
+            if (props.theme !== 'bubble')
+                editor.value.classList.remove('ql-bubble');
+            if (props.theme !== 'snow')
+                editor.value.classList.remove('ql-snow');
+            // Fix clicking the quill toolbar is detected as blur event
+            (_a = quill
+                .getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.addEventListener('mousedown', (e) => {
+                e.preventDefault();
+            });
+            // Emit ready event
+            ctx.emit('ready', quill);
         };
         // Compose Options
         const composeOptions = () => {
@@ -179,6 +194,22 @@ const QuillEditor = vue.defineComponent({
                     })(),
                 };
             }
+            if (props.modules) {
+                const modules = (() => {
+                    var _a, _b;
+                    const modulesOption = {};
+                    if (Array.isArray(props.modules)) {
+                        for (const module of props.modules) {
+                            modulesOption[module.name] = (_a = module.options) !== null && _a !== void 0 ? _a : {};
+                        }
+                    }
+                    else {
+                        modulesOption[props.modules.name] = (_b = props.modules.options) !== null && _b !== void 0 ? _b : {};
+                    }
+                    return modulesOption;
+                })();
+                clientOptions.modules = Object.assign({}, clientOptions.modules, modules);
+            }
             return Object.assign({}, props.globalOptions, props.options, clientOptions);
         };
         const handleTextChange = (delta, oldContents, source) => {
@@ -229,39 +260,45 @@ const QuillEditor = vue.defineComponent({
                   make sure to call this method when the editor ready
                   or use v-on:ready="onReady(quill)" event instead.`;
         };
-        const getContents = () => {
+        const getContents = (index, length) => {
             if (props.contentType === 'html') {
                 return getHTML();
             }
             else if (props.contentType === 'text') {
-                return getText();
+                return getText(index, length);
             }
-            return quill === null || quill === void 0 ? void 0 : quill.getContents();
+            return quill === null || quill === void 0 ? void 0 : quill.getContents(index, length);
         };
-        const setContents = (content) => {
+        const setContents = (content, source = 'api') => {
             if (props.contentType === 'html') {
                 setHTML(content);
             }
             else if (props.contentType === 'text') {
-                setText(content);
+                setText(content, source);
             }
             else {
-                quill === null || quill === void 0 ? void 0 : quill.setContents(content);
+                quill === null || quill === void 0 ? void 0 : quill.setContents(content, source);
             }
         };
-        const getText = () => {
+        const getText = (index, length) => {
             var _a;
-            return (_a = quill === null || quill === void 0 ? void 0 : quill.getText()) !== null && _a !== void 0 ? _a : '';
+            return (_a = quill === null || quill === void 0 ? void 0 : quill.getText(index, length)) !== null && _a !== void 0 ? _a : '';
         };
-        const setText = (text) => {
-            quill === null || quill === void 0 ? void 0 : quill.setText(text);
+        const setText = (text, source = 'api') => {
+            quill === null || quill === void 0 ? void 0 : quill.setText(text, source);
         };
         const getHTML = () => {
             var _a;
             return (_a = quill === null || quill === void 0 ? void 0 : quill.root.innerHTML) !== null && _a !== void 0 ? _a : '';
         };
         const setHTML = (html) => {
-            quill === null || quill === void 0 ? void 0 : quill.clipboard.dangerouslyPasteHTML(html);
+            if (quill)
+                quill.root.innerHTML = html;
+        };
+        const pasteHTML = (html, source = 'api') => {
+            const delta = quill === null || quill === void 0 ? void 0 : quill.clipboard.convert(html);
+            if (delta)
+                quill === null || quill === void 0 ? void 0 : quill.setContents(delta, source);
         };
         const reinit = () => {
             vue.nextTick(() => {
@@ -269,14 +306,15 @@ const QuillEditor = vue.defineComponent({
                 if (!ctx.slots.toolbar && quill)
                     (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.remove();
                 initialize();
-                console.log('reinit call');
             });
         };
-        vue.watch(() => props.content, (newContent) => {
-            if (!quill || !newContent || newContent === props.content)
-                return;
-            setContents(newContent);
-        });
+        // watch(
+        //   () => props.content,
+        //   (newContent, oldContents) => {
+        //     if (!quill || !newContent || newContent === oldContents) return
+        //     setContents(newContent)
+        //   }
+        // )
         vue.watch(() => props.enable, (newValue) => {
             if (quill)
                 quill.enable(newValue);
@@ -290,6 +328,7 @@ const QuillEditor = vue.defineComponent({
             setContents,
             getHTML,
             setHTML,
+            pasteHTML,
             getText,
             setText,
             reinit,
@@ -297,7 +336,10 @@ const QuillEditor = vue.defineComponent({
     },
     render() {
         var _a, _b;
-        return [(_b = (_a = this.$slots).toolbar) === null || _b === void 0 ? void 0 : _b.call(_a), vue.h('div', { ref: 'editor', ...this.$attrs })];
+        return [
+            (_b = (_a = this.$slots).toolbar) === null || _b === void 0 ? void 0 : _b.call(_a),
+            vue.h('div', { ref: 'editor', ...this.$attrs }),
+        ];
     },
 });
 

package/dist/vue-quill.cjs.prod.js

@@ -1,12 +1,12 @@
 /*!
- * VueQuill @vueup/vue-quill v1.0.0-beta.1
+ * VueQuill @vueup/vue-quill v1.0.0-beta.11
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v1.3.7
  * https://quilljs.com/
  * 
- * Copyright (c) 2021 Ahmad Luthfi Masruri
+ * Copyright (c) 2022 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2021-04-15T13:32:32.399Z
+ * Date: 2022-10-21T15:41:46.444Z
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("quill"),t=require("quill-delta"),l=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n=o(e),r=o(t);const a={essential:[[{header:[1,2,3,4,5,6,!1]}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}],["blockquote","code-block","link"],[{color:[]},"clean"]],minimal:[[{header:1},{header:2}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}]],full:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","video","image"],["clean"]]},i=l.defineComponent({name:"QuillEditor",inheritAttrs:!1,props:{content:{type:[String,Object],default:()=>{}},contentType:{type:String,default:"delta",validator:e=>["delta","html","text"].includes(e)},enable:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},placeholder:{type:String,required:!1},theme:{type:String,default:"snow",validator:e=>["snow","bubble",""].includes(e)},toolbar:{type:[String,Array,Object],required:!1,validator:e=>"string"!=typeof e||""===e||("#"===e.charAt(0)||-1!==Object.keys(a).indexOf(e))},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready"],setup:(e,t)=>{let o,r;l.onMounted((()=>{d()})),l.onBeforeUnmount((()=>{o=null}));const i=l.ref(),d=()=>{var l;i.value&&(r=u(),o=new n(i.value,r),p(e.content),o.on("text-change",s),o.on("selection-change",b),o.on("editor-change",h),"bubble"!==e.theme&&i.value.classList.remove("ql-bubble"),"snow"!==e.theme&&i.value.classList.remove("ql-snow"),null===(l=o.getModule("toolbar"))||void 0===l||l.container.addEventListener("mousedown",(e=>{e.preventDefault()})),t.emit("ready",o))},u=()=>{const t={};return""!==e.theme&&(t.theme=e.theme),e.readOnly&&(t.readOnly=e.readOnly),e.placeholder&&(t.placeholder=e.placeholder),e.toolbar&&""!==e.toolbar&&(t.modules={toolbar:(()=>{if("object"==typeof e.toolbar)return e.toolbar;if("string"==typeof e.toolbar){return"#"===e.toolbar.charAt(0)?e.toolbar:a[e.toolbar]}})()}),Object.assign({},e.globalOptions,e.options,t)},s=(e,l,o)=>{t.emit("update:content",g()),t.emit("textChange",{delta:e,oldContents:l,source:o})},c=l.ref(),b=(e,l,n)=>{c.value=!!(null==o?void 0:o.hasFocus()),t.emit("selectionChange",{range:e,oldRange:l,source:n})};l.watch(c,(e=>{t.emit(e?"focus":"blur",i)}));const h=(...e)=>{"text-change"===e[0]&&t.emit("editorChange",{name:e[0],delta:e[1],oldContents:e[2],source:e[3]}),"selection-change"===e[0]&&t.emit("editorChange",{name:e[0],range:e[1],oldRange:e[2],source:e[3]})},g=()=>"html"===e.contentType?y():"text"===e.contentType?v():null==o?void 0:o.getContents(),p=t=>{"html"===e.contentType?f(t):"text"===e.contentType?m(t):null==o||o.setContents(t)},v=()=>{var e;return null!==(e=null==o?void 0:o.getText())&&void 0!==e?e:""},m=e=>{null==o||o.setText(e)},y=()=>{var e;return null!==(e=null==o?void 0:o.root.innerHTML)&&void 0!==e?e:""},f=e=>{null==o||o.clipboard.dangerouslyPasteHTML(e)};return l.watch((()=>e.content),(t=>{o&&t&&t!==e.content&&p(t)})),l.watch((()=>e.enable),(e=>{o&&o.enable(e)})),{editor:i,getEditor:()=>i.value,getToolbar:()=>{var e;return null===(e=null==o?void 0:o.getModule("toolbar"))||void 0===e?void 0:e.container},getQuill:()=>{if(o)return o;throw'The quill editor hasn\'t been instantiated yet, \n                  make sure to call this method when the editor ready\n                  or use v-on:ready="onReady(quill)" event instead.'},getContents:g,setContents:p,getHTML:y,setHTML:f,getText:v,setText:m,reinit:()=>{l.nextTick((()=>{var e;!t.slots.toolbar&&o&&(null===(e=o.getModule("toolbar"))||void 0===e||e.container.remove()),d(),console.log("reinit call")}))}}},render(){var e,t;return[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),l.h("div",{ref:"editor",...this.$attrs})]}});exports.Quill=n,exports.Delta=r,exports.QuillEditor=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("quill"),t=require("quill-delta"),o=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n=l(e),r=l(t);const i={essential:[[{header:[1,2,3,4,5,6,!1]}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}],["blockquote","code-block","link"],[{color:[]},"clean"]],minimal:[[{header:1},{header:2}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}]],full:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","video","image"],["clean"]]},a=o.defineComponent({name:"QuillEditor",inheritAttrs:!1,props:{content:{type:[String,Object],default:()=>{}},contentType:{type:String,default:"delta",validator:e=>["delta","html","text"].includes(e)},enable:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},placeholder:{type:String,required:!1},theme:{type:String,default:"snow",validator:e=>["snow","bubble",""].includes(e)},toolbar:{type:[String,Array,Object],required:!1,validator:e=>"string"!=typeof e||""===e||("#"===e.charAt(0)||-1!==Object.keys(i).indexOf(e))},modules:{type:Object,required:!1},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready"],setup:(e,t)=>{let l,r;o.onMounted((()=>{d()})),o.onBeforeUnmount((()=>{l=null}));const a=o.ref(),d=()=>{var o;if(a.value){if(r=s(),e.modules)if(Array.isArray(e.modules))for(const t of e.modules)n.register(`modules/${t.name}`,t.module);else n.register(`modules/${e.modules.name}`,e.modules.module);l=new n(a.value,r),h(e.content),l.on("text-change",u),l.on("selection-change",b),l.on("editor-change",m),"bubble"!==e.theme&&a.value.classList.remove("ql-bubble"),"snow"!==e.theme&&a.value.classList.remove("ql-snow"),null===(o=l.getModule("toolbar"))||void 0===o||o.container.addEventListener("mousedown",(e=>{e.preventDefault()})),t.emit("ready",l)}},s=()=>{const t={};if(""!==e.theme&&(t.theme=e.theme),e.readOnly&&(t.readOnly=e.readOnly),e.placeholder&&(t.placeholder=e.placeholder),e.toolbar&&""!==e.toolbar&&(t.modules={toolbar:(()=>{if("object"==typeof e.toolbar)return e.toolbar;if("string"==typeof e.toolbar){return"#"===e.toolbar.charAt(0)?e.toolbar:i[e.toolbar]}})()}),e.modules){const o=(()=>{var t,o;const l={};if(Array.isArray(e.modules))for(const n of e.modules)l[n.name]=null!==(t=n.options)&&void 0!==t?t:{};else l[e.modules.name]=null!==(o=e.modules.options)&&void 0!==o?o:{};return l})();t.modules=Object.assign({},t.modules,o)}return Object.assign({},e.globalOptions,e.options,t)},u=(e,o,l)=>{t.emit("update:content",p()),t.emit("textChange",{delta:e,oldContents:o,source:l})},c=o.ref(),b=(e,o,n)=>{c.value=!!(null==l?void 0:l.hasFocus()),t.emit("selectionChange",{range:e,oldRange:o,source:n})};o.watch(c,(e=>{t.emit(e?"focus":"blur",a)}));const m=(...e)=>{"text-change"===e[0]&&t.emit("editorChange",{name:e[0],delta:e[1],oldContents:e[2],source:e[3]}),"selection-change"===e[0]&&t.emit("editorChange",{name:e[0],range:e[1],oldRange:e[2],source:e[3]})},p=(t,o)=>"html"===e.contentType?f():"text"===e.contentType?g(t,o):null==l?void 0:l.getContents(t,o),h=(t,o="api")=>{"html"===e.contentType?y(t):"text"===e.contentType?v(t,o):null==l||l.setContents(t,o)},g=(e,t)=>{var o;return null!==(o=null==l?void 0:l.getText(e,t))&&void 0!==o?o:""},v=(e,t="api")=>{null==l||l.setText(e,t)},f=()=>{var e;return null!==(e=null==l?void 0:l.root.innerHTML)&&void 0!==e?e:""},y=e=>{l&&(l.root.innerHTML=e)};return o.watch((()=>e.enable),(e=>{l&&l.enable(e)})),{editor:a,getEditor:()=>a.value,getToolbar:()=>{var e;return null===(e=null==l?void 0:l.getModule("toolbar"))||void 0===e?void 0:e.container},getQuill:()=>{if(l)return l;throw'The quill editor hasn\'t been instantiated yet, \n                  make sure to call this method when the editor ready\n                  or use v-on:ready="onReady(quill)" event instead.'},getContents:p,setContents:h,getHTML:f,setHTML:y,pasteHTML:(e,t="api")=>{const o=null==l?void 0:l.clipboard.convert(e);o&&(null==l||l.setContents(o,t))},getText:g,setText:v,reinit:()=>{o.nextTick((()=>{var e;!t.slots.toolbar&&l&&(null===(e=l.getModule("toolbar"))||void 0===e||e.container.remove()),d()}))}}},render(){var e,t;return[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),o.h("div",{ref:"editor",...this.$attrs})]}});exports.Quill=n,exports.Delta=r,exports.QuillEditor=a;

package/dist/vue-quill.d.ts

@@ -1,79 +1,141 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { DefineComponent } from 'vue';
 import Delta from 'quill-delta';
+import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import Quill from 'quill';
 import { QuillOptionsStatic } from 'quill';
+import { Ref } from 'vue';
+import { Sources } from 'quill';
+import { VNodeProps } from 'vue';
+
 export { Delta }
+
+declare type Module = {
+    name: string;
+    module: any;
+    options?: object;
+};
+
 export { Quill }
 
-export declare const QuillEditor: import("vue").DefineComponent<{
-    content: {
-        type: PropType<string | Delta>;
-        default: () => void;
-    };
-    contentType: {
-        type: PropType<"delta" | "html" | "text">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    enable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-        required: false;
-    };
-    theme: {
-        type: PropType<"" | "snow" | "bubble">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    toolbar: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        required: false;
-        validator: (value: string | unknown) => boolean;
-    };
-    options: {
-        type: PropType<QuillOptionsStatic>;
-        required: false;
-    };
-    globalOptions: {
-        type: PropType<QuillOptionsStatic>;
-        required: false;
-    };
+export declare const QuillEditor: DefineComponent<    {
+content: {
+type: PropType<string | Delta>;
+default: () => void;
+};
+contentType: {
+type: PropType<"delta" | "html" | "text">;
+default: string;
+validator: (value: string) => boolean;
+};
+enable: {
+type: BooleanConstructor;
+default: boolean;
+};
+readOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+required: false;
+};
+theme: {
+type: PropType<"" | "snow" | "bubble">;
+default: string;
+validator: (value: string) => boolean;
+};
+toolbar: {
+type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+required: false;
+validator: (value: string | unknown) => boolean;
+};
+modules: {
+type: PropType<Module | Module[]>;
+required: false;
+};
+options: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+globalOptions: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+}, {
+editor: Ref<Element | undefined>;
+getEditor: () => Element;
+getToolbar: () => Element;
+getQuill: () => Quill;
+getContents: (index?: number, length?: number) => string | Delta | undefined;
+setContents: (content: string | Delta, source?: Sources) => void;
+getHTML: () => string;
+setHTML: (html: string) => void;
+pasteHTML: (html: string, source?: Sources) => void;
+getText: (index?: number, length?: number) => string;
+setText: (text: string, source?: Sources) => void;
+reinit: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready")[], "textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+content: {
+type: PropType<string | Delta>;
+default: () => void;
+};
+contentType: {
+type: PropType<"delta" | "html" | "text">;
+default: string;
+validator: (value: string) => boolean;
+};
+enable: {
+type: BooleanConstructor;
+default: boolean;
+};
+readOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+required: false;
+};
+theme: {
+type: PropType<"" | "snow" | "bubble">;
+default: string;
+validator: (value: string) => boolean;
+};
+toolbar: {
+type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+required: false;
+validator: (value: string | unknown) => boolean;
+};
+modules: {
+type: PropType<Module | Module[]>;
+required: false;
+};
+options: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+globalOptions: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+}>> & {
+onTextChange?: ((...args: any[]) => any) | undefined;
+onSelectionChange?: ((...args: any[]) => any) | undefined;
+onEditorChange?: ((...args: any[]) => any) | undefined;
+"onUpdate:content"?: ((...args: any[]) => any) | undefined;
+onFocus?: ((...args: any[]) => any) | undefined;
+onBlur?: ((...args: any[]) => any) | undefined;
+onReady?: ((...args: any[]) => any) | undefined;
 }, {
-    editor: import("vue").Ref<Element | undefined>;
-    getEditor: () => Element;
-    getToolbar: () => Element;
-    getQuill: () => Quill;
-    getContents: () => string | Delta | undefined;
-    setContents: (content: string | Delta) => void;
-    getHTML: () => string;
-    setHTML: (html: string) => void;
-    getText: () => string;
-    setText: (text: string) => void;
-    reinit: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready")[], "textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    content: string | Delta;
-    contentType: "delta" | "html" | "text";
-    enable: boolean;
-    readOnly: boolean;
-    theme: "" | "snow" | "bubble";
-} & {
-    placeholder?: string | undefined;
-    toolbar?: unknown;
-    options?: QuillOptionsStatic | undefined;
-    globalOptions?: QuillOptionsStatic | undefined;
-}>, {
-    content: string | Delta;
-    contentType: "delta" | "html" | "text";
-    enable: boolean;
-    readOnly: boolean;
-    theme: "" | "snow" | "bubble";
+content: string | Delta;
+contentType: "delta" | "html" | "text";
+enable: boolean;
+readOnly: boolean;
+theme: "" | "snow" | "bubble";
 }>;
 
 export { }