CODEWITHSUNDEEP
nuxt.jsquillprimevue
anderson
anderson

Reputation: 1275

Connecting the image resizing module in the PrimeVue editor component

I'm attempting to integrate the Quill Image Resize module with the Editor component from PrimeVue (v3.50.0) to NuxtJS (v3.10.3) project. Could you please guide me on how to do this correctly?

I've discovered that it can be accomplished through the :modules property, but I haven't been able to find any information on the exact steps to do so

Upvotes: 2

Views: 369

Answers (1)

Eric Freeman
Eric Freeman

Reputation: 82

try doing it like this:

<template>
    <div>
        <Editor :modules="modules" />
    </div>
</template>

<script setup lang="ts">
import { ImageResize } from 'quill-image-resize-module';
import Quill from 'quill';
Quill.register('modules/imageResize', ImageResize);

const modules = {
    ImageResize: {
        modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]
    }
}
</script>

Upvotes: 0

Related Questions