Quill Image Preview

An quill module for image preview popup

Usage

npm install quill-image-preview

import Quill from 'quill';
import QuillImagePreview from 'quill-image-preview';
import 'quill/dist/quill.snow.css';
import 'quill-image-preview/index.css';

Quill.register({ 'modules/image-preview': QuillImagePreview }, true);

const quill = new Quill('#editor', {
  // ...
  modules: {
    //  ...
    'image-preview': true
  },
});

Options

Attribute	Description	Type	Default
enableOnEdit	only enable when quill is enabled	boolean	true
beforePreviewDisplay	before popup display. return true will prevent popup trigger	(this: QuillImagePreview, img: HTMLImageElement) => boolean;	() => false