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 |