Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

292
Views
How to use quill-image-drop-module in Vue 3?

I use vueup/vue-quill for Vue 3 and want to use kensnyder/quill-image-drop-module.

This is my code :

Main.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>

If I run the code above, I got an error :

How to fix this error?

Are quill-image-drop-module works on Vue 3?

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Provide to <QuillEditor> a prop called toolbar (ex. toolbar='minimal'). vue-quill is creating options for Quill and only when toolbar prop is present it creates an object key modules that it uses to register other modules.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!