quill-image-edit-module

A module for Quill rich text editor that allows editing of images.

based on quill-image-resize-module development

Optimization

• TypeScript Support
• Delete tool

Demo

Vanilla

vanilla

React

react-quill

Vue2

vue-quill-editor

Vue3

vue3-quill

Install

npm i quill-image-edit-module -S
# or
yarn add quill-image-edit-module -S

Usage

import Quill from 'quill';
import ImageEdit from 'quill-image-edit-module';

Quill.register('modules/imageEdit', ImageEdit);

const modules = {
  // ...
  imageEdit: {
    // ...
    modules: ['Resize', 'DisplaySize', 'Toolbar', 'Delete'],
  },
};