Wrap of all the image handling libraries over the years for Quill

[zehawki]

There have a number of image handling libraries over the years. Here's a wrap of the lot (at least I think this is the lot):

Package ID	Comments	Quilljs version	Package	Description	Core functionality	Last release	Demo	License
1	It all started here, all hail kensnyder	v1	https://github.com/kensnyder/quill-image-resize-module	A module for Quill rich text editor to allow images to be resized.	1. Handles for resizing 2. Toolbar for alignment	7 years ago	https://plnkr.co/edit/gq708AOrSBOWSlHcFslG?p=preview&preview	MIT
2	Update of 1	v1	https://github.com/Fandom-OSS/quill-blot-formatter	A quill module to format document blots. Heavily inspired by quill-image-resize-module. Out of the box supports resizing and realigning images and iframe videos, but can be easily extended using BlotSpec and Action.	1. Handles for resizing 2. Toolbar for alignment	7 years ago	https://codesandbox.io/p/sandbox/4wnwllnnl9	Apache-2.0
3	Update of 2	v1	https://github.com/xeger/quill-image	This project is a fork and rewrite of quill-blot-formatter, which is itself a fork of an earlier work. This project makes the following improvements:	1. Handles for resizing 2. Toolbar for alignment	Oct 15 2023	Doesn’t work	?
4	Update of 2	v2	https://github.com/enzedonline/quill-blot-formatter2	An update of quill module quill-blot-formatter to make alignments compatible with Quill V2. Out of the box supports resizing and realigning images and iframe videos. Supports editing alt & title values for images. It can be easily extended using BlotSpec and Action.	1. Handles for resizing 2. Toolbar for alt/title, alignment & compression	Jan 15 2024	https://codepen.io/enzedonline/pen/bGPgqeG	Apache-2.0
5	Update of 1	v2	https://github.com/KillerCodeMonkey/quill-image-resizor	A module for Quill rich text editor to allow images to be resized. Fork and adaptions for quill 2 of quill-image-resize-module.	1. Handles for resizing 2. Toolbar for alignment	Oct 15 2023	https://killercodemonkey.github.io/quill-image-resizor/demo.html	MIT
6	Update of 1	v2	https://github.com/mgreminger/quill-image-resize-module	A fork of kensnyder/quill-image-resize-module with the following changes	1. Handles for resize. 2. NO TOOLBAR, NO ALIGNMENT	Feb-25	https://mgreminger.github.io/quill-image-resize-module/	MIT
7	Newly written?	v2	https://github.com/hunghg255/quill-resize-image	A library resize image for Quill editor.	1. Handles for resizing 2. Toolbar for resize + alignment + restore	Aug 20, 2024	https://quill-resize-image.vercel.app/	?

---

Background: Ive been using Quill 1.3 from a long time, and now looking to upgrade to v2. Ive written my own image handling which compresses and uploads to the server, and for image captioning I used the excellent gist https://gist.github.com/tranduongms1/584d43ec7d8ddeab458f087adbeef950 as a starting point to create my own.

However with Quill v2, I'm unable to get the captioning logic it to work any more. In particular I've narrowed it down to the constructor call in the framework:

class ImageBlot extends BlockEmbed {

  static value(node) {...}
  static create(data) {...}
  
  constructor(node) {}
}

The constructor is not sending in the domNode, as mentioned in https://github.com/slab/parchment?tab=readme-ov-file#blots. So Ive been exploring various libraries, and hence thought of documenting these to help others.

[LondonAppDev]

Thanks for sharing this it's really useful.

It's a real pain finding a library that supports image resizing and alignment.

[bluemon82]

Thank you, this was very helpful.