quill-image-compress/src/demo.js

A Quill rich text editor Module which compresses images uploaded to the editor

import Quill from "quill";
import imageCompressor from "./quill.imageCompressor.ts";

Quill.register("modules/imageCompressor", imageCompressor);

const fullToolbarOptions = [
  [{ header: [1, 2, 3, false] }],
  ["bold", "italic"],
  ["clean"],
  ["image"]
];

console.log('Demo loaded...')

var quill = new Quill("#editor", {
  theme: "snow",
  modules: {
    toolbar: {
      container: fullToolbarOptions
    },
    imageCompressor: {
      quality: 0.9,
      maxWidth: 200,
      maxHeight: 200,
      imageType: 'image/png',
      debug: true
    },
  }
});