Estoy usando el módulo BlotFormatter con vue-quill. Y está funcionando. También intenté agregar el módulo del compresor de imágenes y cargar una imagen grande, pero no se comprime. Creo que he hecho algo mal. Esta es la forma en que lo incluí en mi proyecto,
<script setup> import { QuillEditor } from "@vueup/vue-quill"; import ImageCompress from "quill-image-compress"; import BlotFormatter from "quill-blot-formatter"; import "@vueup/vue-quill/dist/vue-quill.snow.css"; const modules = { name: "blotFormatter", module: BlotFormatter, options: { /* options */ }, imageCompress: { quality: 0.7, // default maxWidth: 1000, // default maxHeight: 1000, // default imageType: "image/jpeg", // default debug: true, // default suppressErrorLogging: false, // default insertIntoEditor: undefined, // default }, }; </script> <template> <QuillEditor ref="quillEditorRef" v-model:content="articleForm.description" theme="snow" toolbar="full" contentType="html" :modules="modules" /> </template>Realmente agradecería si alguien pudiera guiarme para instalar este módulo correctamente. Gracias
Simplemente coloque los módulos dentro de una matriz. Separe todos los módulos como objetos.
const modules = [ { name: "ImageCompress", module: ImageCompress, options: { quality: 0.7, // default maxWidth: 1000, // default maxHeight: 1000, // default imageType: "image/jpeg", // default debug: true, // default suppressErrorLogging: false, // default insertIntoEditor: undefined, // default }, }, { name: "BlotFormatter", module: BlotFormatter, options: {}, }, ];const modules = [ { name: "ImageCompress", module: ImageCompress, options: { quality: 0.7, // default maxWidth: 1000, // default maxHeight: 1000, // default imageType: "image/jpeg", // default debug: true, // default suppressErrorLogging: false, // default insertIntoEditor: undefined, // default }, }, { name: "BlotFormatter", module: BlotFormatter, options: {}, }, ];