Estoy usando vue-quill en un proyecto para permitir que el usuario cree contenidos. Necesito modificar la forma en que quill usa para insertar imágenes en el DOM, necesito que las imágenes se carguen en el almacenamiento en la nube y luego en el dom se inserta una <img src="..."> con una URL a la imagen cargada y no a una imagen base64 como ocurrirá de manera predeterminada.

Por el momento tengo este código en mi plantilla de componente

 <template> <div class="col-sm-12 col-md-9 col-lg-9 p-0 mb-3" id="programEditorWrapper"> <QuillEditor ref="programEditor" :options="options" theme="snow" content-type="html" toolbar="full" @update:content="$emit('update:content', $event)" > </QuillEditor> </div> </template>

Y en js parte del código comencé a escribir este código que usará un controlador

 <script> import { store } from '@/store/index' import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/dist/vue-quill.snow.css' export default { name: 'ProgramEditor', components: { QuillEditor }, emits: [ 'update:content' ], data() { return { options: { modules: { toolbar: { handlers: { image: this.imageHandler } } } } } }, mounted() { this.$refs.programEditor.setHTML('') }, methods: { imageHandler() { // this.$refs.programEditor.getModule("toolbar").addHandler("image", imgHandler) } } } </script>

Lo que no entiendo es cómo funciona el controlador, vi algunos ejemplos aquí y aquí y necesitarán crear un archivo de entrada dinámico para usar un controlador personalizado, lo que necesito es solo cargar el archivo y ponerlo en el DOM en una etiqueta img como una URL normal.

¿Alguna sugerencia o ayuda por favor?