Member-only story

A Document Revisions System in JavaScript

Yoram Kornatzky
3 min readAug 2, 2022

--

Photo by 777546 on Pixabay

Quill is a rich text editor that supplies deltas of change. So you can build quite a sophisticated system of document revisions within the browser.

Let’s first go over how you use Quill.

Quill in JavaScript

Quill Rich Text Editor
Quill Editor in HTML

Lots of customizations of the toolbar are possible.

How to Get The Content

Plain Text

quill.getText()

HTML

quill.root.innerHTML

Delta

Yielding the change as Quill Delta,

quill.getContents()

Events

One can listen to events, and what you usually want is the HTML,

Text Change

--

--

Yoram Kornatzky
Yoram Kornatzky

Written by Yoram Kornatzky

Entrepreneur, Auctibles: https://auctibles.com, 25 years of development experience, Ph.D. Computer Science

No responses yet