Uso vueup/vue-quill para Vue 3 y quiero usar kensnyder/quill-image-drop-module .
Este es mi código:
Principal.js
import { QuillEditor } from '@vueup/vue-quill'; import '@vueup/vue-quill/dist/vue-quill.snow.css'; import Quill from 'quill'; import { ImageDrop } from 'quill-image-drop-module'; Quill.register('modules/imageDrop', ImageDrop) createApp(App).component('QuillEditor', QuillEditor).mount('#app')Editor.vue
<template> <QuillEditor :modules="modules" theme="snow" /> </template> <script> import { QuillEditor } from '@vueup/vue-quill'; import '@vueup/vue-quill/dist/vue-quill.snow.css'; export default { components: { QuillEditor, }, data() { return { modules: { imageDrop: true, }, }; } } </script>Si ejecuto el código anterior, aparece un error:
¿Cómo arreglar este error?
¿Funciona quill-image-drop-module en Vue 3?
Proporcione a <QuillEditor> un accesorio llamado barra de herramientas (por ejemplo, toolbar='minimal' ). vue-quill está creando opciones para Quill y solo cuando la toolbar de herramientas está presente, crea modules de clave de objeto que utiliza para registrar otros módulos.